兼容性问题学习之路
来源:互联网 发布:中国音乐知乎 编辑:程序博客网 时间:2024/06/06 12:51
问题一:IE下居中内容向右偏移
原因:absolute的外层必须是relative的情况下在FF和IE下效果才能统一
解决:将absolute改为relative
问题二:IE下图片显示不出来
原因:设置了z-index="-1",IE会显示在背景下面
解决:重新设置z-index
问题三:position绝对定位默认脱离文档流,需要保留位置
解决:添加一个空DIV,高度为需要保留的位置
问题四:字体和图片自适应
解决:
html{font-size:10px}@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}@media screen and (min-width:640px) and (max-width:719px){html{font-size:16px}}@media screen and (min-width:720px) and (max-width:749px){html{font-size:16px}}@media screen and (min-width:750px) and (max-width:799px){html{font-size:16px}}@media screen and (min-width:800px){html{font-size:16px}}
img { width: 100%; height: auto; max-width: 100%; display: block;}
阅读全文
0 0
- 兼容性问题学习之路
- 前端web学习之路(三) 典型的javascript兼容性问题
- 软硬件兼容性问题学习笔记
- IE兼容性问题之trim
- 浏览器之兼容性问题
- android之Notification版本兼容性问题
- 浏览器兼容性问题解决方案之CSS
- 浏览器兼容性问题解决方案之CSS
- 兼容性问题
- 兼容性问题
- 兼容性问题
- 兼容性问题
- 兼容性问题
- 兼容性问题
- 兼容性问题
- 兼容性问题
- 兼容性问题
- 兼容性问题
- 三分钟搭建Shadowsocks、免费实用
- 由原型模式引发的浅拷贝和深拷贝
- OpenCV分水岭分割函数:watershed()介绍
- redis和memcached的区别(总结)
- 解决华为手机无法输出Log.d(..)的问题
- 兼容性问题学习之路
- 管道管道管道管道
- SpringBoot之拦截器
- [linux] 安装CONSERV源码包
- 财经专业学生应该如何学习人工智能?
- 2017中国(北京)国际中医药健康服务业博览会会刊(参展商名录)
- 并发编程模型
- 独家 | 语义视角下的跨学科与跨界数据认知
- 第10周项目1(4)-哈夫曼编码的算法验证