前端之家收集整理的这篇文章主要介绍了
CSS宽度100%或最大宽度(以像素为单位),
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何可以创建宽度的CSS规则
>默认使用100%宽度
>如果100%宽度超过某个像素宽度(假设为512像素),则宽度被压缩到此像素宽度
我不知道宽度和最大宽度的关系,或如何calc()被支持或可以表达这一点。这需要使用最新的WebKit浏览器和Firefox 4. IE8等支持不需要
这实际上是
max-width
的预期用途。如果元素的计算(实际)宽度超过max-width,它将被限制为最大值,而不是超过它。百分比与像素不相关。
在这样的规则中声明两者(不需要calc()函数):
#somediv {
width: 100%;
max-width: 512px;
}
原文链接:https://www.f2er.com/css/222678.html