Html-tutorial - Maximum width of mobile website, What is the Maximum Width of a Mobile Website

Maximum width of mobile website

You can define the media queries either in CSS or in HTML.

CSS

/* iphone */
 @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
 img { max-width: 100%; }
 }

/* ipad */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
 img { max-width: 100%; }
 }

HTML

<link rel="stylesheet" media="screen and max-width: 320px" href="mobi.css">

But, what Google recommends for use in smartphone is CSS.

The topic on Html-tutorial - Maximum width of mobile website is posted by - Math

Hope you have enjoyed, Html-tutorial - Maximum width of mobile websiteThanks for your time