设置100%宽度和最大宽度400px?

时间:2011-09-30 15:59:45

标签: javascript html css


我想做下面的事情:

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

因此图像maxwidth为400px但如果用户将其webbrowser窗口的大小调整为-400px的宽度,则图像将调整为与窗口相同的大小。问题是:你是如何使用非maxwidth浏览器的?有没有办法不使用maxwith?

1 个答案:

答案 0 :(得分:1)

您可以使用此css3规则:

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

#image {
    width: 400px;
}
}

去检查http://lessframework.com/