Как при смене ориентации ( на мобилке) не менять шрифт?

Question

[towncitybr]

при sm

тоесть меняю ориентацию - стили меняются
конкретно шрифт

@mixin media($media) {
	@if $media == desc {
		@media screen and (max-width: $break_desc) {
			@content; 
		}
	} @else if $media == sm {
		@media screen and (max-width: $break_sm) {
			@content;
		}
	} @else if $media == mini {
		@media screen and (max-width: $break_mini) {
			@content;
		}
	} @else if $media == reverse-md {
		@media screen and (min-width: $break_md + 1) {
			@content;
		}
	} 
}

Comments

[Lynn «Кофеман»]

Ну так не меняйте его при sm

[towncitybr]

Lynn «Кофеман», эм , менять нужно
проблема при смене ориентации

[Lynn «Кофеман»]

Тогда меняйте

Вы в принципе понимаете как медиа-запросы работают?

[Вадим]

towncitybr, При смене ориентации меняются параметры экрана. Высота становится шириной, а ширина - высотой.
Если У Вас такое устройство, которое при смене ориентации, а, соответственно, и смене размеров, переходит на другой медизапрос, то Вы сами это написали и не понятно что Вы хотите сделать.

А так есть отдельный медиа-запрос, который смотрит на ориентацию экрана. Его можно комбинировать с обычным медиазапросом.
https://webref.ru/css/value/media
media all and (orientation: landscape)

[towncitybr]

Вадим, media screen and (max-width: $break_smdx) or (orientation: landscape) не будет работать?

[Вадим]

towncitybr, ну а Вы видите в той статье, что я Вам дал, логическое or для медиавыражений?

Answer 1

[Икотий Айтишевич]

@media all and (orientation: landscape), and (max-width: $break_mini) {}

https://developer.mozilla.org/ru/docs/Web/CSS/@media

Comments

[towncitybr]

itishnikitsme, спасибо, такой нюанс

меняю ориентацию - размер шрифта меняется

но элементу задан всегда один размер шрифта

в чем может быть проблема?