The structure of the WAP page is put into the lm-wall320.
<div id= "lm-wall320" >...</div>
By JS According to the width of the different mobile phone pages according to the 320 calculation from the middle of the top to start scaling
(function () {var doc = document,style=doc.createelement (' style '), Timmer = null;style.innerhtml = SetStyle (); Doc.getelementsbytagname (' head ') [0].appendchild (style);/* Screen flipping * /window.addeventlistener (window[' Onorientationchange ']? ' Orientationchange ': ' Resize ', function () { cleartimeout (Timmer); Timmer = SetTimeout (function () { style.innerhtml = SetStyle (); },100); }, False); /* Generate style * /function SetStyle () {var w = Doc.documentelement.clientwidth;return ' #LM-wall320{-webkit-transform: Scale (' +w/320+ ');-webkit-transform-origin:top Center;} ';}}) ();
Simple Demo
<! DOCTYPE html>
Set 320 fixed width to fit the phone screen with Transform:scale