wordpress - Responsive design works on desktop but not iphone -


i using free theme wordpress. have customized design meet needs, there problems design when open website using iphone or ipad. have tried know. can me identify source of problem? [link of website.][1]

try media query iphone 6/6 plus , apple watch css media queries

@media screen , (min-device-width: 375px)  , (max-device-width: 667px)  , (orientation: landscape)  , (-webkit-min-device-pixel-ratio: 2)  { } 

iphone 6 portrait

@media screen , (min-device-width: 375px) , (max-device-width: 667px) , (orientation: portrait) , (-webkit-min-device-pixel-ratio: 2) { } 

iphone 6 plus landscape

@media screen , (min-device-width: 414px) , (max-device-width: 736px) , (orientation: landscape) , (-webkit-min-device-pixel-ratio: 3) { } 

iphone 6 plus portrait

 @media screen  , (min-device-width: 414px)  , (max-device-width: 736px)  , (orientation: portrait)  

and (-webkit-min-device-pixel-ratio: 3) { }

iphone 6 , 6 plus

  @media screen   , (max-device-width: 640px),   screen , (max-device-width: 667px),   screen , (max-width: 480px)    { } 

apple watch

  @media   (max-device-width: 42mm)    , (min-device-width: 38mm)   { } 

for image responsive

img {     max-width: 100%;   } 

Comments

Popular posts from this blog

javascript - How to get current YouTube IDs via iMacros? -

c# - Maintaining a program folder in program files out of date? -

emulation - Android map show my location didn't work -