@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
body:after {
content: '';
z-index:;
position: fixed;
left:;
bottom: -.68rem;
width: 100%;
height: .68rem;
background: #fff
}
}
相关文章
- 基于H5的移动端开发,window.location.href在IOS系统无法触发问题
- 在PC上测试移动端网站和模拟手机浏览器的5大方法
- H5移动端开发入门知识以及CSS的单位汇总与用法
- app内嵌h5页面在ios手机端滑动卡顿的解决方法
- 移动端适配rem的两种方法
- 关于H5在移动端架构的优化设计总结 - lolDragon
- 【总结】CSS/CSS3常用样式与web移动端资源 详细了解mailTo:移动web页面给用户发送邮件的方法 (邮件含文本、图片、链接)
- css篇---移动端适配的方案有哪几种
- mac的safari浏览器调试h5 在h5开发移动端时,兢兢业业的开发的完成后,本地电脑测试,无bug,完美。在自己的新手机上测试,也没有bug,ok,交付。然而,在测试阶段,bug来了,这个按钮怎么点击无反应?这个样式怎么不对?。。。明明没有bug呀,难道又是兼容性问题?头疼,到底是什么原因呢。 这个时候加入你在mac的Safari 浏览器上稍加调试,问题就出现了,我们可以清晰的看到错误原因和报错信息。ok,那就解决问题了。具体怎么调试呢,看下方:
- 移动端响应式布局--你不知道的CSS3.0媒体查询,解决rem部分情况下无法适配的场景