ie浏览器不兼容css媒体查询的解决办法
2024-08-25 00:27:42
有些页面布局复杂，在不同分辨率下表现需要一致，这时需要用媒体查询根据不同分辨率进行百分比定位(不能用像素定位)，如:
@media screen and (max-width: 1600px) {
.body {
left: 22.5%
}
.bd-right {
left: 65.5%;
}
.roll {
left: 19.5%;
}
}
@media screen and (max-width: 1440px) {
.body {
left: 18.5%
}
.bd-right {
left: 67.5%;
}
.roll {
left: 15.5%;
}
}
ie8不支持媒体查询，可以用respond.js库解决，但需要注意以下几点：
1、需要启动本地服务器（localhost），不能使用普通本地的url地址（file://开头）；
2、需要外部引入CSS文件，将CSS样式书写在style中是无效的；
3、由于respond插件是查找CSS文件，再进行处理，所以respond文件一定要放置在CSS文件的后面
4、另外，虽然把respond放置在head里还是在body后面都能够实现，但是建议放置在head中（具体原因在下面的文档提示中有提到）
5、最好不要为CSS设置utf-8的编码，使用默认（原因详见下面的文档提示部分）
最新文章
- 海外建VPS并支持VPN
- Bash注释
- 解决Spring MVC @ResponseBody返回html中中文字符串乱码问题
- js弹出确认框，挺全
- openstack实例热迁移
- 软件工程 speedsnail 冲刺8
- python eval函数
- JAVA LinkedList和ArrayList的使用及性能分析
- 基于HOG特征的Adaboost行人检测
- 使用mysql索引技巧及注意事项
- 用python3读CSV文件，出现UnicodeDecodeError: 'utf-8' codec can't decode byte 0xd0 in position 0: invalid con
- jQuery的each使用陷阱
- wstngfw openVpn站点到站点连接示例（共享密钥）
- IO处理要注意的事：关闭资源！关闭资源！关闭资源！
- 译：7.使用Spring MVC服务Web内容
- 开窗函数 函数() OVER()
- ajax之发送post请求
- [转]FutureTask详解
- Redis----windows下的常用命令
- poj1088-滑雪 【dfs 记忆化搜索】