- 09/30草莓互联2024年国庆假期...
- 09/15草莓互联2024年中秋节放...
- 08/10宝塔控制面板手动安装Ope...
- 06/07草莓互联2024年端午节放...
- 04/30草莓互联2024年五一劳动...
- 04/03草莓互联2024年清明放假...
- 03/24宝塔控制面板Nginx后端...
- 02/27宝塔面板python2.7升级...
- 02/19宝塔面板站点PCI DSS不合...
- 02/19宝塔面板站点站长工具中点亮HT...
- 02/14宝塔面板https协议无法获取...
- 02/11宝塔Windows面板下SQL...
- 02/02宝塔控制面板利用nginx实现...
- 09/18宝塔控制面板FTP增加Flas...
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>
