- 01/29草莓互联2019年春节放假...
- 01/14iframe内嵌html5...
- 12/29草莓互联2019年元旦放假...
- 12/26layer弹出层中播视频全...
- 11/07phpweb中提交报错Er...
- 10/09paypal支付接口必须注...
- 09/30草莓互联2018年国庆节放...
- 06/19phpweb草莓互联2015年...
- 04/30phpweb草莓互联2015年...
- 05/03phpweb草莓互联2015年...
- 09/10PHPWEB在排版页面信息保存...
- 08/07phwpeb编辑上传图片出现4...
- 07/09PHPWEB极速模式下网站排版...
- 06/29PHPWEB升级一直处于升级中...
phpweb已经是国内最强的的开源电子商务系统了,但并非完美,因为任何...
互联网3年一轮回,京东凡客等电商品牌在三年之前也不过是小打小闹,而如...
电商已经成为趋势,传统行业的竞争已经逐渐演变到网络上,也有不少用Weboss...
phpweb系统是固定的模式,适用于大部分行业与需求。但有一些行业还是有自己...
手机网站按比例显示铺满手机全屏/网站两边不留白
如何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>