Ответные Mixins ширина против ширине устройства

Question

я использую следующий реагирующий подмешать в дерзости:

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

Однако я установить контрольные точки, где изменения размера шрифта. Например, при ширине браузера 1920 размер шрифта составляет 18 пикселей. По мере уменьшения ширины браузера размер шрифта становится 14px в конце концов (для обеспечения меньшего разрешения экрана). Как я могу убедиться, что размер шрифта остается таким же, как ширина браузера, но при изменении разрешения экрана изменяется размер шрифта.

Так что, в основном, я хочу, чтобы при ширине браузера 1920 пикселей с разрешением экрана 1920, размер шрифта, если 18px. Поскольку размер окна меньше, размер шрифта составляет 18 пикселей.

Однако, когда разрешение экрана составляет 1440 пикселей, а ширина браузера 1440 пикселей, размер шрифта 14 пикселей. Когда вы уменьшаете окно, размер шрифта остается неизменным при этом разрешении экрана.

Я пробовал использовать min-width устройства-min вместо ширины min, но я предполагаю, что есть некоторые недостатки в использовании этого.

Answer 1

Какие единицы вы используете для вашего размера шрифта?

Если я не понимаю, вы должны просто установить размер шрифта в медиа-запросе для каждого разрешения.

Используете ли вы пиксельные или процентные размеры?