我可以在css中使用device-width来获取css本身的浏览器宽度吗？

Question

我怀疑，我可以应用/使用设备宽度来设置div的样式而不是为div提供100％吗？

我尝试了它的工作，但不确定它是否是良好的做法。

`

.myDiv{
        width:device-width;
}
instead.
.myDiv{
        width:100%;
}

`

还是我做错了？

提前致谢。

Answer 1

是的，你可以这样做。有一种新的css3风格叫做vh＆amp;大众。这计算了视口高度或重量。您可以使用任何容器设置任何高度或宽度。参考

http://quirksmode.org/css/viewport.html

http://css-tricks.com/viewport-sized-typography/

VH＆amp;大众支持的浏览器 http://caniuse.com/viewport-units

我希望这会对你有所帮助。

Answer 2

首先，我想就两者之间的区别给你一些澄清。 http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml

根据我自己的经验，我更喜欢使用宽度：100％，因为它会在网络浏览器上以最大分辨率显示，并且每个网络浏览器都会以最佳方式显示它。除非这个人正在使用Internet Explorer，因为让我们面对IE浏览器唯一的好办法就是安装另一个互联网浏览器。

所以看起来如果你专门为手机创建这个，那么你可以使用设备宽度，但如果它会在其他设备上打开，那么就像ipad或者pc那么宽度：100％; 将是首选选项。

希望这有所帮助 祝你好运。