Retrofit existing web page with mobile CSS

JavascriptWeb DevelopmentFront End Scripts

To retrofit, use the CSS media queries, and allow different stylesheets to different browser capabilities. A benefit is that you do not have to go for any server-side code.

This would require you to add specific detection code to the script for grouping of the device.

The media queries handle even devices you've never heard of.

Set the following:

@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
   body {
      color: blue;
   }
}
raja
Published on 10-Apr-2018 15:50:07
Advertisements