Some basic ideas in mobile development, and where to pay attention to the details of the techniques

1: In the touch device you need to use the DOM touch event. Do not need to use the Css:hover pseudo-class, but also because the finger is larger than the mouse, to be able to click on the element to do a larger

2: Optimize Picture:

To solve those users with small bandwidth or high traffic costs, you can optimize the loading of images by loading the appropriate images based on the user's screen size and resolution. You can use media queries to get height,width and pixel ratio on your screen.

Focus: The most suitable window: <meta name= "viewport" content= "Width=device-width, initial-scale=1, maximum-scale=1" >

In general, we need to focus on: fonts, aspect spacing, images (icons, pictures).

Vertical height and spacing using fixed values, blending in horizontal directions using fixed values and percentages, or using resilient layouts

Reference article: https://www.w3ctech.com/topic/979

http://ife.baidu.com/task/detail?taskId=11

Some basic ideas in mobile development, and where to pay attention to the details of the techniques