Create a mobile page-use viewport metadata

Recently, I started to develop mobile phone pages. The biggest problem I encountered was the size and scaling of my mobile phone pages and my previous PS web pages.

1. Solve the phone page size problem: http://mobile.51cto.com/web-316935.htm thisArticleThis problem can be solved. This is mainly about viewport metadata (I think it is also an important "surface" difference between mobile pages and PC pages ).

2. Solve the mobile phone page scaling problem: according to the above blog, you can solve the mobile phone page scaling problem by adding attributesUser-scalable=No, but it still doesn't work in the UC browser (the most used browser in mobile phones). In the end, only the attributes minimum-scale = 1.0 and maximum-scale = 1.0 are added.