Question

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

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

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

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

Answer 1

正常插入图像;

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

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

在CSS代码中插入：

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