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
Post a Comment