发文章中,图片把div撑破了的解决办法
原来图片自适应宽度一般都是通过Javascript来解决的,但是多少还是比较麻烦。还有一种通过设置外层容器overflow:hidden属性来解决,但是这样会导致图片显示不全的问题。今天看到了一种新的解决办法,通过CSS来解决这个问题。
CSS代码
img{
max-width:500px;
width:expression_r(document.body.clientWidth>500?"500px":"auto");
}
本文介绍了一种使用CSS实现图片自适应宽度的方法,避免了传统使用JavaScript的方式,并解决了使用overflow:hidden导致图片显示不全的问题。该方法适用于网页布局中图片需要自适应窗口宽度的场景。
发文章中,图片把div撑破了的解决办法
原来图片自适应宽度一般都是通过Javascript来解决的,但是多少还是比较麻烦。还有一种通过设置外层容器overflow:hidden属性来解决,但是这样会导致图片显示不全的问题。今天看到了一种新的解决办法,通过CSS来解决这个问题。
CSS代码
img{
max-width:500px;
width:expression_r(document.body.clientWidth>500?"500px":"auto");
}

被折叠的 条评论
为什么被折叠?