javascript - 设置 100% 宽度和 400px 的最大宽度？

Question

我想做以下事情:

image.style.maxWidth = "400px";image.style.width = "100%";

所以图像的最大宽度是 400px，但是如果用户将他的 webbrowser 窗口的宽度调整为 -400px，图像将被调整到与窗口相同的大小。问题是:你怎么会是非最大宽度的浏览器？有什么办法可以不使用 maxwith 来做到这一点吗？

Answer 1

你可以使用这个 css3 规则:

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

#image {
    width: 400px;
}
}

去看看http://lessframework.com/