响应图像/浏览器的屏幕比例

Question

我碰到过这个网站：http://ethanmarcotte.com/当你缩放页面到平板电脑的尺寸，这是阮经天马科特是完美的比例，当屏幕尺寸变得更大和更小的标志。

我怎么会去复制同样的想法，具有图像是相同的观点不管屏幕分辨率或浏览器窗口是什么规模，它的渲染上？

Answer 1

img { 
    max-width: 100% 
} 

如果你想这只发生在较小的分辨率，你可以添加这个和风格之间的图像。

@media screen and (min-width: 768px) { 

}