Width 100%：图像的纵横比

时间：2013-07-11 作者：Sebastian Starke

如果我在帖子中添加图像，WordPress硬代码width 和height 属性img 标签

我补充道max-width:100% 当然，如果我的浏览器窗口变小，调整大小后的图像会在高度上拉伸。

我该怎么办？

有没有办法：

A: 用CSS解决它（我更喜欢这样）
B: 禁止WP硬编码宽度和高度
或
C: 我不知道有没有一种处理图像宽度的常用方法？

1 个回复
最合适的回答,由SO网友:Johannes Pille 整理而成

A + C:

img.resize-proportionally {
    max-width: 100%;
    height: auto;
}
顺便说一句，为了让上述方法奏效，你不应该尝试B.
具有width 和height 中的属性img 标签很好。

结束
标签： images   css   小码农  

相关推荐

如何在WordPress中添加自定义css按钮作为快捷码？

如何将自定义CSS按钮添加为以下短代码：[按钮class=“mybutton1”链接=“主页”]我有来自here.myButton { -moz-box-shadow:inset 0px 1px 0px 0px #cf866c; -webkit-box-shadow:inset 0px 1px 0px 0px #cf866c; box-shadow:inset 0px 1px 0px 0px #cf866c; backgr