ios - Why does this media query not work for my iPhone? -
i used iphone 6 , 4 check if stylesheet being applied. did not. here stylesheets:
<link rel="stylesheet" media="screen , (max-width: 800px)" href="mobileindex.css"> <link rel="stylesheet" media="screen , (min-width: 1100px)" href="desktopindex.css">
yes, there gap in them. space reserved tablets later on. reason, mobileindex.css wasn't applied settings. have switch orientation twice appear. this, however, fixes problem:
<link rel="stylesheet" media="screen , (max-width: 1000px)" href="mobileindex.css"> <link rel="stylesheet" media="screen , (min-width: 1100px)" href="desktopindex.css">
is 800px not enough iphone 4 , 6? how come works now? page happened msolonko.net.
can please add media queries below main style , after check web application in mobile device.
@media screen , (min-width:768px) , (max-width:1024px) { /*your mobile style here.*/ }
the main thing applying wrong min-width , max-width iphone6 device. real size of iphone6 responsive design below.
iphone 6 portrait
@media screen , (min-device-width: 375px) , (max-device-width: 667px) , (orientation : portrait) { /*your mobile style here.*/ }
iphone 6 landscape
@media screen , (min-device-width: 375px) , (max-device-width: 667px) , (orientation : landscape) { /*your mobile style here.*/ }
Comments
Post a Comment