Mobile friendly website - Applying good resolution

jacksonwhite

New Member
Website is very nice converted for iphone: 1-4 and rest of mobile phones with the same resolution but if I add to metatags code for Iphone 5, previous code doesnt work and for all phones work iphone5 code.My code: \[code\] <link media="only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait)" href="http://stackoverflow.com/questions/15885708/wp-content/themes/chomacki/css/iphone4-portrait.css" type= "text/css" rel="stylesheet" /> <link media="only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape)" href="http://stackoverflow.com/questions/15885708/wp-content/themes/chomacki/css/iphone4-landscape.css" type= "text/css" rel="stylesheet" /> <link media="only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait)" href="http://stackoverflow.com/questions/15885708/wp-content/themes/chomacki/css/iphone5-portrait.css" type= "text/css" rel="stylesheet" /> <link media="only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape)" href="http://stackoverflow.com/questions/15885708/wp-content/themes/chomacki/css/iphone5-landscape.css" type= "text/css" rel="stylesheet" />\[/code\]How i can make both codes work? Not just iphone5 code, or Iphone4 code by deleting iphone5 code.
 
Top