vue.js 获取当前屏幕的宽度_js获取移动端屏幕高度和宽度等设备尺寸

js获取移动端屏幕高度和宽度等设备尺寸，兼容性比较好的方法：

document.documentElement.clientWidth;

document.documentElement.clientHeight;

这段js代码得到的就是移动设备的可见宽高，比如iPhone 4s在微信内设置了viewport为1的时候为320*416(手机480 - 微信状态栏64)，iPhone 5里为320*504，

其他的计算方式兼容性均不好，

document.documentElement是个什么鬼？documentElement 是整个节点树的根节点root，即标签，而body是子节点，要访问到body标签，在脚本中应该写：document.body

如下各种尺寸在移动端均不能获得真实的屏幕高度和宽度等设备尺寸

var h = "";

h += " 网页可见区域宽："+ document.body.clientWidth+"

h += " 网页可见区域高："+ document.body.clientHeight+"

h += " 网页可见区域宽："+ document.body.offsetWidth +" (包括边线和滚动条的宽)"+"

h += " 网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)&

vue.js 获取当前屏幕的宽度_js获取移动端屏幕高度和宽度等设备尺寸相关推荐

基于Vue.js制作的仿车轮驾考通APP端页面
背景:学习完Vue,老师要求期末作业以Vue技术做一个手机端或者PC端的前端小项目.期末临近,周围的同学有的仿微信APP端,有的仿QQAPP端.小萍去年考科目一用了车轮驾考通刷题,然后她最后决定基于V ...
vusjs 配合php_对照着jquery来学vue.js系列之配合thinkphp下拉获取分页数据
上篇文章介绍了vue.js如何ajax获取数据: 接着不可避免就遇到的是: 如何进行数据分页呢? 这里以thinkphp为示例讲解:其他场景性质一样: 示例项目:https://github.com/ ...
js 时间转东八区_JS获取当前日期时间/JS日期转化为unix时间戳
JS获取当前日期时间/JS日期转化为unix时间戳 . 1) var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFul ...
android获取button宽度,android – 如何获得Button的高度和宽度
我创建了一系列按钮.现在我想找到按钮的高度和宽度,为此我使用了getWidth()和getHeight().但问题是它总是返回0.为什么会发生这种情况?我发送了我的代码,请检查是否有任何问题. int ...
html5移动页面自适应手机屏幕大小,页面完美自适应移动端屏幕的方法
码农公社 210.net.cn 210是何含义?10月24日是程序员节,1024 =210.210既 210 之意. 移动端由于展示区域比较小,页面在不同分辨率手机上的展示细节也被要求得更加严格, ...
css设置元素继承父元素宽度_CSS设置HTML元素的高度与宽度的各种情况总结
1.元素不设宽度第一种情况:元素为文档流中元素 dd dd dd 结论1:把子元素定位换成position:relative与上述例子表现一样,因此在元素不设宽度时,若元素为文档流中元素,则此元素继 ...
html高度随宽度编号,纯css实现容器高度随宽度等比例变化的四种解决方案
使用一个隐藏的图片来实现这个方法是我最推荐的,因为不需要考虑任何兼容性,PC移动完美运行.除了增加了一个dom结构,但是相对与一个页面成百上千的代码来说,不值一提我们知道,div容器如果不给定高度 ...
html页面高度和宽度,html和body元素的高度和宽度
您的html实际上完全延伸到视口的100%高度,因为视口这里是浏览器窗口,而不是内部内容. very much content #div1 { height:300px; overflow-y:scr ...
js 获取屏幕高宽_JS获取屏幕的宽高。
function a(){ document.write( "屏幕分辨率为:"+screen.width+"*"+screen.height +" & ...
前端js获取图片大小扩展名_JS获取文件大小方法小结
本文实例总结了JS获取文件大小方法.分享给大家供大家参考,具体如下: 方法一,利用ActiveX控件实现: function getFileSize(filePath) { var fso = new ...

vue.js 获取当前屏幕的宽度_js获取移动端屏幕高度和宽度等设备尺寸

vue.js 获取当前屏幕的宽度_js获取移动端屏幕高度和宽度等设备尺寸相关推荐

最新文章

热门文章