與不同單位

少鈣乘以是否有可能做這樣的事情：與不同單位

font-size: calc(100vw * 0.005rem);

我不想假設1個雷姆= 16像素;

我打算只是基於窗口尺寸和rem自動調整字體大小，而無需使用多個媒體查詢。

例如，假設對於1100px的寬度分辨率，我希望我的字體大小爲1.5rem，400px爲1rem，中間的大小與此規則的比例大小無關。我想這樣做：

font-size: calc(((100vw - 400px)) * 0.000714rem) + 1rem);

我試過不同的方法，但無法完成它。

我想它一定很簡單，或者它不可能。

來源

2017-04-20 Leones24

這是不是很清楚你在這裏問什麼。你可以使用'vw'自動調整''body'的'font-size'的大小。這將建立你的'rem'。 – Rounin

https://css-tricks.com/viewport-sized-typography/另外http://maloweb.com/snippets/responsivestuff.html –

我修改了一點我的問題，試圖使其更清楚。我不想更改客戶端的rem，我想將它與視口寬度結合使用以獲取我的字體大小。也許這沒有意義... – Leones24

如果你沒有很好的理由來計算字體大小，我會建議純粹基於rem單位進行調整。請注意，當您將手機從縱向翻轉到橫向模式時，視口寬度可能會發生變化。

來源

2017-04-20 13:25:59 kalsowerus

也許你的權利。但我試圖達到的目的不是擔心媒體對一切事物的查詢。用我在我的例子中編寫的公式可以控制字體大小，實際上這種變化可能會像你想要的那麼大。但只要一行，我就不用擔心字體大小（至少在某些情況下）。我認爲這個問題是單位，但最終都是像素。問題是如果讓它們把它們轉化爲同一個單位，讓我們使用這個「混合」單位。 – Leones24

可能不會，因爲vw-unit在編譯時不知道。 – kalsowerus

是的，你說得對。瀏覽器應該用CSS文件來做。我們可以在Less中避開公式。在我問之前，我已經嘗試過，但也沒有工作。 – Leones24

回答

相關問題