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

时间:2015-03-31 09:51:40

标签: image browser screen fluid

我遇到过这个网站:http://ethanmarcotte.com/当你将页面缩小到平板电脑尺寸时,当屏幕尺寸变得越来越小时,Ethan Marcotte的标志就是完美的比例。

我将如何复制相同的想法,无论屏幕分辨率是什么,或者浏览器窗口的大小是什么,它都具有相同的透视图?

1 个答案:

答案 0 :(得分:0)

img {
   max-width: 100%
}

如果您希望这只发生在较小的分辨率下,您可以添加它并在此之间设置图像样式。

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

}