Mobile device web-side development notes

Bootstrap 3

First, the use of HTML5 document type
<! DOCTYPE html>
In order for Bootstrap to develop a website that is friendly to mobile devices and to ensure proper drawing and touch-screen scaling, the viewport meta tag needs to be added to the head of the Web page as follows:
<meta name= "viewport" content= "Width=device-width, initial-scale=1.0" >
Third, on the mobile device browser, you can disable its zoom (zooming) function by adding user-scalable=no to the viewport meta tag.
Typically,maximum-scale=1.0 is used with User-scalable=no. By disabling the zoom feature, users can only scroll the screen to make your site look more like the native app.
<meta name= "viewport" content= "Width=device-width,                                      initial-scale=1.0,                                      maximum-scale=1.0                                      , User-scalable=no ">
Iv. Responsive Images

V. Global display, typesetting, and linking
Scaffolding.less
Vi. avoiding cross-browser inconsistencies
Normalize.css
Seven, the container
<div class= "Container" >  ...</div>
Kendo-ui


Mobile device web-side development notes