我正在尝试自学css3媒体查询,我希望自己对一些小事情感到困惑。我无法弄清楚宽度/高度与设备宽度/设备高度之间的区别。设备宽度/设备高度是css3属性,仅适用于某些手机或小型计算机吗?如果是,是否有在线资源提供您可以推荐的尺寸?
答案 0 :(得分:0)
这是CSS中常见的智能手机和平板电脑尺寸的良好来源
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
正常的宽度和高度样式可以应用于页面上的任何元素。例如,如果您希望将div标签的宽度设置为100px,那么这就是一种方法。
要了解有关CSS媒体查询的更多信息以及它们如何在一个好的网站上阅读,请访问http://www.htmlgoodies.com/beyond/css/introduction-to-css-media-queries.html
答案 1 :(得分:0)
这里已经解释了差异:Difference between width and device-width in CSS media queries
此外,您还可以在此处找到尺寸列表: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
这里有很多不同的设备: http://nmsdvid.com/snippets/
如果页面关闭,那么关于第三个的图表非常好: http://line25.com/tutorials/create-a-responsive-web-design-with-media-queries