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

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

第一种方法:

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('');

}else{

document.write('');

}

}else{

document.write('');

}

第二种方法

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('');

} else {

document.write('');

}

} else {

document.write('');

}

php让手机全屏,手机网站按比例显示铺满手机全屏/网站两边不留白相关推荐

  1. w10投影全屏设置_win10如何让投影仪铺满全屏

    win10如何让投影仪铺满全屏?很多用户使用投影仪没有铺满,上下有空隙,不是全屏显示的,不知如何设置的用户,接下来就由小编教大家win10系统投影仪铺满全屏的设置方法吧. win10如何让投影仪铺满全 ...

  2. Android连上USb不充电,为什么手机usb连不上电脑只显示充电 安卓手机解决方法

    您可能感兴趣的话题: 手机 usb 核心提示:为什么手机usb连不上电脑只显示充电 安卓手机解决方法 经常遇到手机usb链接电脑后没有反应,但是显示手机充电,这种问题该怎么解决呢? 一般情况下,手机通 ...

  3. 浏览器占满整个屏幕_浏览器无法最大化 为什么我的IE浏览器最大化时,会铺满整个电脑屏...

    延伸:为什么我的IE浏览器最大化时,会铺满整个电脑屏 问题:我的IE浏览器最大化时,把底下 的全盖住了,请问题详情时怎么回事? 回答:下面开始蓝色的那条条叫任务栏 由开始菜单. 区域( .音量图标.时 ...

  4. 怎么让图片铺满手机屏幕_设置ImageView显示的图片铺满全屏

    为适应不同屏幕的手机,ImageView显示的图片可能不铺满屏幕,如果定高的话,两边可能会出现空白.魅族手机就会有这种情况,在其他手机里显示正常,在魅族手机里显示,图片左右两边会出现空白,为解决这一问 ...

  5. 怎么让图片铺满手机屏幕_手机屏幕密码忘了怎么解锁

    现在基本智能手机居多,无论什么牌子都可以设置屏幕密码,但是现在什么都要密码,导致密码太多,一时记不住,下面为大家介绍手机屏幕密码忘了怎么解锁. 手机屏幕密码忘了怎么解锁 步骤1.在关机状态下同时按住[ ...

  6. 手机怎么设置打不进电话显示无服务器,手机打不进来电话怎么回事 解决方法【图文教程】...

    导读:现今社会,手机已经成为我们的随身之物,走到哪里我们都离不开手机,我们使用手机,不仅可以进行通讯,还能娱乐甚至工作,手机着实给我们带来了很多的方便,但是有时候手机也会遇到一些问题,它最基本的功能就 ...

  7. 手机连接电脑后,电脑上显示不出来手机的文件夹

    每次把传输模式改成 传输文件后,自动变成 仅充电 找到开发人员选项,把"仅充电模式下允许adb调试"勾选上,然后再连接电脑就好了.电脑上显示出了手机.

  8. 计算机显示器图片怎么铺满全屏,win10电脑显示器屏幕不能铺满怎么办_win10电脑显示不能铺满屏幕处理方法-win7之家...

    我们在win10电脑中设置的桌面壁纸通常都是将其铺满整个屏幕,这样让用户看起来也相当的舒适,可是最近总有用户的win10电脑显示器出现背景壁纸不能够铺满整个屏幕的现象,那么win10电脑显示器屏幕不能 ...

  9. 网页背景图片铺满手机屏幕

    主要用于网页端开发页面,图片需要适应手机屏幕大小的场景(但是不推荐手机和PC端使用一套前端) 一 效果图 二 代码 <!DOCTYPE html> <html> <hea ...

最新文章

  1. tinymce4.x 上传本地图片(自己写个插件)
  2. Hyper-V 嵌套虚拟化
  3. 软件工程师必学的9件事
  4. Springboot部署到Tomcat,可以不带项目名进行访问
  5. 必须知道的app测试与web测试的区别
  6. pc,移动端局域网文件共享
  7. java面试排序_Java-四种面试常考排序
  8. printf打印数组_(45)C++面试之把数组排成最小的数
  9. python数据分析师工资待遇_预测python数据分析师的工资
  10. Numpy基础语法--linspace与zeros与ones
  11. 机器学习大作业_机器学习编程作业6-支持向量机(Python版)
  12. 华为笔试题大总结(基操,务六!!!)
  13. rose 生产java代码m_rose 生成代码
  14. 凸优化学习笔记:内点法
  15. GitChat · 前端 | JavaScript 进阶之 Vue.js + Node.js 入门实战开发
  16. Service phantomjs unexpectedly exited. Status code was: 1
  17. 导出anaconda的代码为pdf
  18. appium+Python+逍遥游模拟器自动化执行测试用例,为什么一直中断连接?
  19. Android 解决XXX Layout leaked 使用Navigation 踩坑 XML内存泄漏
  20. 人工智能测试-人工智能质量工程技能简介

热门文章

  1. android美拍sd卡,AI美拍,智慧四摄;小i也有大不同
  2. DINGWAVE发布口袋式软件无线电解决方案
  3. 公钥,私钥,数字签名,证书图解(转)
  4. 【部分翻译】NSBezierPath的基础知识
  5. 倾城北栀:4.30日晚间行情分析以及操作策略
  6. WPS中按条件拆分子表格(WPS更新了版本,为2019)
  7. Vim 的 paste 模式
  8. python统计英文文章中单词出现的次数
  9. 六、字体样式和文本样式
  10. 这是请程序员设计的楼梯吧