zoukankan      html  css  js  c++  java
  • web页面放到手机页面,缩放问题

    有时候写页面样式不规范,很多页面元素写死尺寸时,web页面尺寸比较大放到移动端访问时,就背缩放了,div或者按钮变得好小

    可以加段js,效果会好点

     1 <script>
     2 ! function( userAgent ) {
     3     var screen_w = parseInt(window.screen.width),
     4         scale = screen_w / 640;
     5     if ( /Android (d+.d+)/.test( userAgent ) ) {
     6         var version = parseFloat( RegExp.$1 );
     7         document.write( version > 2.3
     8             ? '<meta name="viewport" content="width=640, minimum-scale = ' + scale + ", maximum-scale = " + scale + ', target-densitydpi=device-dpi">'
     9             : '<meta name="viewport" content="width=640, target-densitydpi=device-dpi">' );
    10     } else {
    11         document.write( '<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">' );
    12     }
    13 }( navigator.userAgent );
    14 
    15 
    16 </script>
  • 相关阅读:
    Connected Graph
    Gerald and Giant Chess
    [NOI2009]诗人小G
    四边形不等式小结
    [NOI2007]货币兑换
    Cats Transport
    Cut the Sequence
    Fence
    The Battle of Chibi
    [Usaco2005 Dec]Cleaning Shifts
  • 原文地址:https://www.cnblogs.com/isboy/p/4277528.html
Copyright © 2011-2022 走看看