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

Popular posts from this blog

sql - invalid in the select list because it is not contained in either an aggregate function -

Angularjs unit testing - ng-disabled not working when adding text to textarea -

How to start daemon on android by adb -