我的媒体查询应该使用啥最小/最大宽度? [复制]

Posted

技术标签:

【中文标题】我的媒体查询应该使用啥最小/最大宽度? [复制]【英文标题】:What min/max widths should I be using for my media queries? [duplicate]我的媒体查询应该使用什么最小/最大宽度? [复制] 【发布时间】:2014-07-09 06:38:14 【问题描述】:

我正在编写我的第一个响应式网站,并决定使用 3 个不同的 CSS 文件来使用媒体查询。我只是想知道智能手机、平板电脑和显示器的典型屏幕宽度是多少?编码人员是否使用了典型值?任何其他提示将不胜感激!问候

【问题讨论】:

确实取决于您的受众,但 *** 上已经有几个关于该主题的好问题,Google 搜索将产生回报。 【参考方案1】:

我发现this post 非常有助于了解各种设备的标准基线媒体查询。请记住,如今,无论设备尺寸如何,屏幕分辨率都在地图上无处不在,即使超出这些基本断点,您也应该争取总体流畅性。

【讨论】:

谢谢,第一次做太难了! 哦,我去过那里! :) 哦,请确保您将viewport meta tag 与媒体查询一起使用!

以上是关于我的媒体查询应该使用啥最小/最大宽度? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

最大宽度与最小宽度

CSS 媒体查询 min-width 和 min-device-width 冲突?

为啥对最大宽度的媒体查询不起作用?

如何使用最大宽度的媒体查询:767px 首先使用 Bootstrap 4 移动设备

响应式网站上媒体查询的常见断点

CSS媒体查询(媒体屏幕)[关闭]