将div设置为百分比，直到达到一定数量的像素？

Question

有没有办法将元素的宽度设置为百分比，直到达到一定的像素数量？

例如：窗口上的一个按钮应该向上延伸95％的宽度，直到窗口（或按钮，解决方案都没问题），如果展开，则达到700像素然后将停止扩展？

Answer 1

您可以在按钮上设置最大宽度。

button {
  max-width: 700px;
  width: 95%;
}

Answer 2

查看媒体查询

例如： @media screen and (min-width:500px) { ... }

有关详细信息，请查看此处 http://www.w3schools.com/css/css3_mediaqueries.asp

Answer 3

您只需使用max-width CSS属性

max-width:800px

Answer 4

小提琴：http://jsfiddle.net/bdobx0b1/

.maxWidth {
    width: 95%;
    max-width: 300px;
}

HTML：

 <button class="maxWidth">click</button>