auto-size.js 738 B

123456789101112131415161718
  1. //-------------------------------------
  2. var designWidth=document.getElementsByTagName("head")[0].getAttribute("design-width");
  3. font_size(designWidth);
  4. function font_size(devwidth){
  5. function _size(){
  6. var deviceWidth = document.documentElement.clientWidth;
  7. if(deviceWidth>=devwidth) deviceWidth=devwidth;
  8. document.documentElement.style.fontSize = deviceWidth/(devwidth/100) + 'px';
  9. }
  10. _size();
  11. window.onresize=function(){
  12. _size();
  13. };
  14. }
  15. var media = document.createElement('style');
  16. media.innerHTML = "@media screen and (min-width:" + designWidth + "px){.center{width:"+designWidth+"px;margin-left:-"+designWidth/2+"px;left:50%;}}";
  17. document.getElementsByTagName('head')[0].appendChild(media);
  18. //-------------------------------------