CSS设置图片尺寸为50px无效，请求排查可能原因

首先看你贴的CSS代码，当前写的是width: 20%，如果目标是50px，第一步要把这个值改成width: 50px。要是改完还是不生效，逐个排查下面这些点：

• 选择器权重不够：如果图片上还有其他优先级更高的样式（比如ID选择器、其他嵌套更深的类选择器），会把.image的宽度规则覆盖。可以临时加!important测试（别长期用），或者把选择器改成img.image来提升权重。
• max-width的限制：你设置了max-width: 100%，如果图片的父元素宽度小于50px，这个规则会把图片宽度卡到父元素的宽度里。可以把max-width改成max-width: none，或者直接设成max-width: 50px。
• CSS语法错误：你提供的代码最后少了闭合的}，这会导致整个.image的样式可能没被浏览器正确解析，补上这个括号再试。
• 图片自带属性干扰：如果<img>标签本身写了width或height属性，个别浏览器里可能会优先用这个属性值，直接删掉标签里的这些属性就行。
• 父容器布局限制：检查图片的父元素有没有设置overflow: hidden、flex布局的flex-shrink: 1这类规则，这些可能会强制压缩图片尺寸，调整父元素的布局属性试试。

内容的提问来源于stack exchange，提问作者mel