media query does not switch below 768 when resize window

Question

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

if i resize the window below 768px , it does not switch to iphone6+ media query

@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;}

Please suggest

do you re-size or you use the toggle device mode??? – CodeWeis May 06 '16 at 21:32 — CodeWeis, May 06 '16 at 21:32
please use only @media screen(max-width:768px){...} – Subodh Sharma Jun 01 '16 at 10:05 — Subodh Sharma, Jun 01 '16 at 10:05

score 1 · Answer 1 · edited May 23 '17 at 11:58

1

Min-width is the minimum width so anything above 768px. If you are wanting to have something effect 768px AND below it's @media screen(max-width:768px){...}

Max-Width vs Min-Width

edited May 23 '17 at 11:58

Community

1
1

answered May 06 '16 at 21:36

wsfuller

1,810
8
31
49

media query does not switch below 768 when resize window

1 Answers1