Recently on the mobile phone page, summed up two methods
1. Web page width can be fixed to 640px, and then use viewport to implement the page display on different phone pages
Insert script code in Web page
<script type= "Text/javascript" >if (/android (\d+\.\d+)/.test (navigator.useragent)) {var version = ParseFloat ( REGEXP.$1), if (version>2.3) {var phonescale = parseint (window.screen.width)/640;document.write (' <meta name= ') Viewport "content=" width=640, Minimum-scale = ' + Phonescale + ', Maximum-scale = ' + Phonescale + ', Target-densitydpi=device -dpi ">");} Else{document.write (' <meta name= ' viewport ' content= ' width=640, target-densitydpi=device-dpi ' > ');}} Else{document.write (' <meta name= ' viewport ' content= ' width=640, User-scalable=no ' > ');} </script>
2. Cut the chart by percent
Page, add<
meta
name
=
"viewport"
content
=
"width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
/>
Mobile Website Development-viewport-Display page according to mobile phone size