移动端横屏问题解决方法以及BUG解决方法。
来源:互联网 发布:地理数据 共享 编辑:程序博客网 时间:2024/06/10 00:07
1.有的时候做H5的页面的时候会出现要关注横屏的情况。但是如果是用百分比的话横屏容器就会被拉的特别宽。里面的元素标签就会飘的哪里都是。此时就可以使用css3的媒体查询功能来设置布局。
@media all and (orientation : landscape) {
h2{color:red;}/*横屏时字体红色*/
}
2.这个也有一个bug。就是安卓手机的兼容性不是很好。所以亲测的解决方法是容器的宽度不要设置为百分之百。如果一旦设置为百分之百。页面里如果有input输入按钮,键盘一弹出来。竖屏的时候整个页面就会被拉长。最好设置百分之六十,并且要居中显示,用margin:0 ,auto就可以了。如果是用了定位。那就用transform来设置居中即可。
0 0
- 移动端横屏问题解决方法以及BUG解决方法。
- 各种css hack以及bug解决方法
- 移动设备,屏幕自适应问题解决方法
- CCaptureVideo类的bug以及修改方法
- window下mysql安装以及问题解决方法
- 重启CDH的方法以及问题解决
- PL/SQL的自动选择bug,以及解决方法
- IE6,IE7,IE8 css bug汇总以及兼容解决方法
- iOS常见崩溃情况以及bug调试解决方法
- Fragment嵌套Fragment使用存在的一些BUG以及解决方法
- iOS常见崩溃情况以及bug调试解决方法
- ie6,ie7,ie8 css bug汇总以及兼容解决方法 - xhuangtao
- Android Fragment嵌套使用存在的一些BUG以及解决方法
- Fragment嵌套使用存在的一些BUG以及解决方法
- 由于ndk引发的几个bug,以及解决方法
- Android Fragment嵌套使用存在的一些BUG以及解决方法
- Android Fragment嵌套使用存在的一些BUG以及解决方法
- Android Fragment嵌套使用存在的一些BUG以及解决方法
- Mac连接远程Linux管理文件(samba)
- 详解本地主机如何与外部互联网通信
- 构造方法个人总结
- 赋值语句中类型转换
- 学习笔记——多态性
- 移动端横屏问题解决方法以及BUG解决方法。
- mybatis RowBounds 限制查询条数
- 做一份让工程师泪流满面的标注
- IOS-CoreData的使用详解
- cat 命令
- 初学者必看-Java基础知识(一)
- Oracle 和 SQL Server 在处理 NULL 和空值之间的差异
- java学习笔记之多线程
- 如何判断js数据类型