当前日期时间
当前时间:
网站标志
Logo
全站搜索
广告位
phpweb图片广告
广告位
phpweb图片广告
自定内容

phpweb已经是国内最强的的开源电子商务系统了,但并非完美,因为任何...

互联网3年一轮回,京东凡客等电商品牌在三年之前也不过是小打小闹,而如...

电商已经成为趋势,传统行业的竞争已经逐渐演变到网络上,也有不少用Weboss...

phpweb系统是固定的模式,适用于大部分行业与需求。但有一些行业还是有自己...

当前位置
文章正文

手机网站按比例显示铺满手机全屏/网站两边不留白

发表:管理员  发表时间:2018-03-30 00:31:09   阅读:(668)次  

如何phpweb手机网站按比例显示铺满手机全屏/网站两边不留白?

PHPWEB手机网站,一般手机网站框架宽度为320、640,大多数是这两个宽度,然而在大屏幕手机比如安卓手机上,720分辨率的情况下,手机网站两边会留白,并且无法全屏铺满显示,视觉效果不是特别好,那如何解决phpweb手机网站两边留白问题,如何让phpweb手机网站按比例显示呢?

第一种方法:

<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, target-densitydpi=device-dpi">');

    }

</script>

第二种方法

<script type="text/javascript">  

  var phoneWidth = parseInt(window.screen.width);   // 第二种 

  var phoneScale = phoneWidth / 640;  

  var ua = navigator.userAgent;  

  if (/Android (\d+\.\d+)/.test(ua)) {  

    var version = parseFloat(RegExp.$1);  

    if (version > 2.3) {  

      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, target-densitydpi=device-dpi">');  

  }  


</script>



脚注信息
© 2005-2015 草莓互联(100cm.cn) 广州同福信息科技有限公司 版权所有,并保留所有权利。

广州市东莞庄一横路116号 粤ICP备11046216号-7

经营性网站备案信息 广州网络警察报警平台 不良信息举报中心  百度信誉档案 广州工商红盾网 可信网站认证