调试兼容性该注意的的点

vh 表示相对视口高度（Viewport Height），1vh = 1% * 视口高度，页面会随视口屏幕大小改变而改变。

1.body{

height:100vh;

width:100vw;

}

1.里面的子元素的所有宽高都以vh来定位

注意：要设置 min-height min-width

转载于:https://www.cnblogs.com/maibao666/p/11174320.html

调试兼容性该注意的的点相关推荐

前端：CSS/15/全局CSS设置,常用的兼容性调试技巧,CSSHACK
全局CSS设置 1,清除所有的标记的内外边距 body,ul,li,a,img,p,input{margin:0;padding:0;} 2,去除项目符号或编号前面的符号 ul,ol,li{list- ...
ie6下常见的bug 调整页面兼容性
ie6下常见的bug 我们布局页面,首先符合标准,如何写一个页面的标准性? 但是ie6等浏览器本身就比较特殊,bug比较多,兵法云,知己知彼百战百胜.我们需要了解ie6的一些常见bug,这样,更好的调 ...
Web开发经验谈之F12开发者工具/Web调试[利刃篇]
引语:如今的整个Web开发行业甚至说整个软件开发行业,已经相当成熟,基本上已经很少找不到没有前人做过的东西了,或者换句话说,你想要实现的功能,你总能在某个地方搜索到答案,关键是你有没有这个时间精力去搜 ...
JS 获取浏览器信息,给出友情提示,避免部分兼容性问题
最近在做webform,浏览器兼容是个问题,这里我收集了一些获取浏览器信息的资料,可以给一些用户使用时,提示浏览器版本过低,让升级版本用. 这样会给开发的我们,省下很多用来调试兼容性的时间和精力. ...
浏览器F12进行Web程序调试
转自http://www.cnblogs.com/yougewe/p/5152700.html 引语:如今的整个Web开发行业甚至说整个软件开发行业,已经相当成熟,基本上已经很少找不到没有前人做过的东 ...
关于echarts 跟ie的兼容性问题
1 echarts 在谷歌浏览器中可以所向披靡,丝毫不会出现因兼容性问题出现图像不显示的结果.而在ie中似乎却不太混得开最近在做折线图的展示,引入了资源echarts.js 谷歌中正常显示,而在ie ...
浏览器兼容性测试学习01
浏览器兼容性简介一个网页在不同的浏览器下,显示的效果可能不一致,这就是所谓的"不兼容". 兼容性测试,主要调试IE8.IE6.IE7.Firefox. http://tongji ...
建设有竞争力的APP开发团队
为什么80%的码农都做不了架构师?>>> 1.人员配置 APP开发团队,笔者个人看来,每一个产品,每一次项目,其实应该都是一个周期完整的APP开发过程(先抛开运营不谈),为了达 ...
android用qq浏览器打开微信网页版,QQ浏览器怎么打开微信小程序？
继微信.QQ 之后,QQ 浏览器上也可以使用小程序了. 现已实现与微信小程序打通.QQ 浏览器 Android 版现已上线小程序,在搜索的场景下,小程序嵌入 QQ 浏览器「搜索直达」,作为直接的内容承 ...

调试兼容性该注意的的点

调试兼容性该注意的的点相关推荐

最新文章

热门文章