медиа-запрос не переключается ниже 768 при изменении размера окна

@media(min-width:768px){body:border:1px solid red;}

если я изменю размер окна ниже 768px, оно не переключится на медиа-запрос iphone6+

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { body:border:1px solid red;}

Пожалуйста, предложите


css twitter-bootstrap responsiveness
person user8942    schedule 06.05.2016    source источник
comment
вы изменяете размер или используете режим переключения устройства???   -  person CodeWeis    schedule 07.05.2016
comment
используйте только @media screen(max-width:768px){...}   -  person Subodh Sharma    schedule 01.06.2016

Ответы (1)


arrow_upward
1
arrow_downward

Min-width – это минимальная ширина, то есть все, что выше 768 пикселей. Если вы хотите, чтобы эффект был 768px И ниже, это @media screen(max-width:768px){...}

Максимальная ширина против минимальной ширины

person wsfuller    schedule 06.05.2016