CSS左侧属性: 50%或500px，取较大者？

Question

我有一个div，它的css如下: position: div；height: 100%；left: 50%；

当浏览器宽度的50%等于>500px时，是否可以将此元素放在left: 50%中；当浏览器宽度的50%等于<500px时，是否可以将此元素设置为left: 500px？

也就是说，元素将定位在较大的值:如果为50% > 500px，则为500px或50%。

谢谢

Answer 1

最好的做法是使用媒体查询

下面是W3规范：http://www.w3.org/TR/css3-mediaqueries/#media0

下面是一个有效的示例：http://jsfiddle.net/davetayls/CTwuc/3/embedded/result/

代码是：http://jsfiddle.net/davetayls/CTwuc/3/

Answer 2

这一切都取决于你的页面。并且尽可能不将%应用于任何属性。给他们特定的单位度量。