基于最流行的设备，响应式设计的行业标准断点是什么? [英] What are the industry standard breakpoints in Responsive Design based on the most popular devices?

问题描述

当今响应式设计中最流行的断点是什么?我的兴趣主要是移动 > 平板电脑 > 台式机.

What are the most popular breakpoints used in responsive design today? My interest is mainly mobile > tablet > desktop.

注意:我觉得这是一个客观的问题，因为受欢迎程度不是基于意见的，而是可以衡量的.

Note: I feel this is an objective question since popularity is not opinion-based and is measurable.

谢谢！

这个问题不是重复的，因为我问的是今天"的尺寸.您引用的问题已经有 4 年历史了，并且不再相关，因为分辨率要高得多.请删除重复"消息的惩罚.谢谢.

This question is not a duplicate as I was asking about sizes "today". The question you quoted is 4 years old and no longer relevant since resolutions are vastly higher. Please remove the "duplicate" message punishment. thanks.

推荐答案

响应式断点的标准是在媒体查询中.

The standard for responsive breakpoints are in media queries.

@media 查询是响应式设计方法的 1/3.它是最简单形式的关键要素，它允许根据设备以及它是否与媒体查询条件匹配来应用指定的 CSS.

The @media query is 1/3 of the recipe for responsive design. It is the key ingredient that, in it's simplest form, allows specified CSS to be applied depending on the device and whether it matches the media query criteria.

查看此链接了解更多信息:https://responsivedesign.is/develop/browser-feature-support/media-queries-for-common-device-breakpoints

Check this link for more information: https://responsivedesign.is/develop/browser-feature-support/media-queries-for-common-device-breakpoints

这篇关于基于最流行的设备，响应式设计的行业标准断点是什么?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！