在html head中添加:

<script type="text/javascript">
  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">');
</script>

在css中给body添加属性:

  width: 640px;

转载于:https://www.cnblogs.com/sandy-happyhour/p/5484547.html

h5页面自适应手机屏幕宽度相关推荐

  1. 移动端H5页面自适应手机屏幕宽度

    https://www.cnblogs.com/yzadd/p/6437664.html 移动端H5页面自适应手机屏幕宽度 1.由于本人使用的是sublime.text,使用rem就可以达到效果. 点 ...

  2. 移动页面自适应手机屏幕宽度

    关于移动页面自适应手机屏幕宽度的一点总结[站在巨人的肩膀上] 使用meta标签 最常用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所 ...

  3. 移动页面自适应手机屏幕宽度HTML5开发

    网上关于这方面的文章有很多,重复的东西本文不再赘述,仅提供思路,并解释一些其他文章讲述模糊的地方. 1.使用meta标签,这也是普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设 ...

  4. h5实现网页内容跟随窗口大小移动_HTML5使用四种方法实现移动页面自适应手机屏幕的方法总结...

    这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结,非常具有实用价值,需要的朋友可以参考下 1.使用meta标签:viewport H5移动端页面自适应普遍使用的方法,理论上讲使用这个标 ...

  5. Webview--如何让加载进来的页面自适应手机屏幕分辨率居中显示

    让Webview加载的页面居中显示有我知道的俩种方法 第一种: [java]  WebSettings settings = webView.getSettings();  settings.setL ...

  6. Webview--如何让加载进来的页面自适应手机屏幕分辨率

    让Webview加载的页面居中显示有我知道的俩种方法 第一种: [java] view plaincopy WebSettings settings = webView.getSettings(); ...

  7. 安卓+ios系统--手机端页面自适应手机屏幕大小,禁止手动放大和缩小VUE

    项目需求 手机端,页面自适应手机屏幕大小,不能手动放大和缩小. 1.代码 在index.html中加入下面的代码: <!-- 手机端页面自适应手机大小,禁止手动放大 --> <met ...

  8. HTML5 实现图片宽度自适应手机屏幕宽度的CSS

    HTML5实现图片自适应手机屏幕页面的css. HTML5写手机页面,读取图片,如果图片大于手机屏幕的宽度,就显示100%屏幕,如果小于,就显示原图. CSS的max-width就能实现了,切不要设置 ...

  9. 设置H5页面适应手机屏幕

    移动开发如火如荼,越来越多开发注重手机网页适应.因为要做微信公众号做报名网页,将做好的页面在手机上测试发现页面显示是典型的电脑页面在移动端打开的现象,左右显示不全,查了资料才知道要使页面适用手机屏幕, ...

最新文章

  1. MySQL登录时ERROR 1045:Access denied for user ‘root’@’localhost’ (using password: YES)
  2. 数字图像处理——第四章 频率域图像增强
  3. HowToDoInJava Spring 教程·翻译完成
  4. 中国联通(网通)国家数据中心上海漕河泾IDC机房(五星级)
  5. 详解linux系列之FTP的安装及配置
  6. 使用计算机必懂的53个英文单词和缩写
  7. 开发者批评苹果商店佣金过高,库克将面临立法者质疑;花呗接入央行征信;GitHub 发布更新| 极客头条
  8. python怎么做项目_...内学习python和django,并做出一个项目需要怎么准备,可以做什么......
  9. 财务系统需求分析 用户分析 功能需求
  10. 灵 源 大 道 歌 · 曹 文 逸
  11. net中winform教程 浏览器控件,还是微软的WebView2最好用
  12. 如何给div加遮罩?
  13. 人工智能讲师AI讲师叶梓谈人工智能的应用人工智能项目咨询应用案例-8
  14. three js 报错, 贴图黑乎乎
  15. 计算机word表格基础,Word表格的作-计算机基础.doc
  16. C++算法设计与分析例题代码(基础篇)
  17. Spring详细概述----->从入门到吃灰
  18. 【电信学】【2015.05】5G通信中降低峰均比的分析
  19. 机器学习笔记 - 图像搜索的常见网络模型
  20. VR电影这一新概念在中国电影道路上的探索

热门文章

  1. photoshop CS3 许可过期问题的解决方法(不完全可行)
  2. 【完美解决】android开发 自定义字体安装包过大的问题
  3. C++软件开发工程师笔试题
  4. M5311接入onenet(LwM2M方式)
  5. ArKnights策划书
  6. 新手使用计算机,电脑初学者如何使用记事本
  7. LENOVO System X3650 M5安装Windows server 2008系统(U 盘+DVD的方法)
  8. Guns社区医疗项目
  9. MySQL和pgsql的区别
  10. web容器的加载过程