jquery - 在wordpress中使图像响应？

Question

如何使图像根据屏幕尺寸自动调整大小？

我为图像添加了一个 css 属性，例如

 img {
 width: 100%;
 height: auto;
 }

但这会使小图像采用其所在容器的形式，如果容器很大，则小图像会拉伸并像素化。那么我是否只是为大图像创建特殊的 css 属性？我不希望图像填满它们所在的容器或 div。我只希望它们根据屏幕大小调整大小。表格也应该调整大小。我正在使用 div 和表格。

score 1 · Accepted Answer

正常插入图片；

在“尺寸”中选择“自定义”；

将“宽度”和“高度”设置为“0”；

将其插入您的 CSS 代码中：

img {
     border: 0 none;
     max-width: 100%;
     vertical-align: middle;
}

1 回答 1