关于max-width:100% 不兼容的问题
来源:互联网 发布:淘宝品质工厂怎么加入 编辑:程序博客网 时间:2024/06/05 15:12
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">在IE8中经常遇到的问题就是max-width,网页中图片的尺寸可能比较宽,我会给它设置max-width: 100%来限制其宽度最大为父容器的宽度,但是有时候却不奏效,慢慢摸索才得知IE解析max-width所遵循的规则:严格要求直接父元素的宽度是固定的。经实验发现Chrome所遵守的规则比IE松一些,所以这个问题应该不归属为IE兼容性问题,不过我还是提一下吧。分享两个我遇到的场景:</span>
(1)td中的max-width
如果针对td中的img元素设置max-width: 100%,在IE和Firefox你会发现不奏效,而在Chrome中却是可以的。经查询发现需要给table设置table-layout: fixed,对此属性的具体解释见W3School。
(2)嵌套标签中的max-width
如下的HTML结构:
<div class="work-item"> <a href="#" class="work-link"> <img src="sample.jpg" class="work-image img-responsive"> </a></div>
1 0
- 关于max-width:100% 不兼容的问题
- 关于`width`和`max-width`的故事
- min-width、max-width兼容IE6、IE7的解决方法
- CSS: max-width 的 @media 不运行
- min-width、max-width、min-height、max-height在IE6下兼容的解决办法
- min-width 不兼容ie6的解决办法
- max-width:100%在td 或 table-cell 的兼容解决办法
- 关于火狐不兼容的问题
- 工作总结,关于浏览器不兼容的问题。
- [工作问题总结]max-width min-width
- iframe中内嵌div的width为100%出现的不兼容现象
- width与max-width的区别
- 解决IE6中不能实现min-width和max-width的问题
- max(min)-device-width和max(min)-width的区别
- max(min)-device-width和max(min)-width的区别
- C#中关于updatePanel与freeTextBox不兼容的问题
- 关于firefox不兼容DIV嵌套的问题
- 关于eWebEditor编辑器与IE7、IE8不兼容的问题
- commons-logging与log4j的区别与联系
- HDFS HA与QJM(Quorum Journal Manager)介绍及官网内容整理
- 手机安全卫士学习之APK检查自动升级
- Mac下android_sdk配置环境变量
- C++ 如何引用结构体数组作为函数形参
- 关于max-width:100% 不兼容的问题
- IOS学习 xcode设置项Architectures和Valid Architectures
- c++STL所有算法介绍
- STAF 删除文件操作
- PCA降维算法
- 字符串中 单词反转
- Weka算法Classifier-tree-J48源码分析(三)ModelSelection
- 自己对mysql 索引理解
- opencv:同时装多版本opencv的选用/OPENGL