寬度VS設備寬度

Question

響應混入我使用下面的響應混入在SASS：

@mixin macbook-pro { 
    @media (min-width: #{$macbook-pro-width}) and (max-width: #{$desktop-width - 1px}) { 
    @content; 
    } 
} 

然而，我設置斷點的字體大小的變化的位置。例如，在1920瀏覽器寬度下，字體大小爲18px。隨着瀏覽器寬度的減小，最終字體大小變爲14px（以適應較小的屏幕分辨率）。如何確保字體大小與瀏覽器寬度更改保持一致，但是當屏幕分辨率發生變化時，字體大小會發生變化。

所以基本上，我希望它的瀏覽器寬度爲1920px，屏幕分辨率爲1920，字體大小爲18px。當你縮小窗口時，字體大小保持在18px。

但是，當屏幕分辨率爲1440px，瀏覽器寬度爲1440px時，字體大小爲14px。當您縮小窗口時，字體大小在該屏幕分辨率下保持不變。

我嘗試使用設備最小寬度，而不是最小寬度，但我猜測有一些缺點使用它。

Answer 1

你目前使用什麼單位處理字體大小？

除非我誤解你應該能夠在每個分辨率的媒體查詢中設置字體大小。

您是使用px還是基於百分比的大小？