是否可以使用CSS重新调整图像大小?

问题描述:

我目前正在上课,我们被告知在代码中使用很少或没有内联样式。是否可以使用外部CSS文件以类似的方式重新调整图像大小?是否可以使用CSS重新调整图像大小?

<img src="image link" style="height: 200px; width: 200px;">

+0

您可以使用%来调整图像的大小 – Keith

+0

您还应该使用'img'标记的'width'和'height'属性。这不是内联CSS,它是一个HTML结构。我也相信这是建议为可访问性的原因。请参阅http://*.com/questions/1247685/should-i-specify-height-and-width-attributes-for-my-imgs-in-html – MikeTheLiar

+0

@mikeTheLiar它是内联样式(可能不是CSS),但它是一样的东西。 –

这可以在外部样式表来完成,像这样:

img { 
    height:200px; 
    width:200px; 
} 

我只会建议指定高度或宽度,当你这样做,其他的尺寸会自动按比例大小。您还需要在图像中添加一个类,以便您可以使CSS选择器更加具体,以便它不会定位页面上的所有图像。