响应式网站应该具有的最大断点数是多少?

时间:2019-01-04 06:31:27

标签: css responsive breakpoints

我想知道一个网站是否应该有最大数量的断点。只是查看它是否有太多断点的一种方式,我认为这不是一个好兆头,或者是吗? 我建立的网站有8个断点。不好吗我应该少吃点吗? 虽然我尝试收集尽可能多的具有相同特征的代码,但该站点有些复杂,例如:

CSS:

nav ul li, table, video, section ul, footer, .botoes, #nome, #destaque {
margin: auto;
}

nav ul li, .lista p, .smilies {
font-size: 37px;
}

1 个答案:

答案 0 :(得分:0)

您应该保持简单,并使用尽可能少的断点来获得所需的结果。没有绝对的最大数量,因为更复杂的网站可能需要更多的断点。

This很好地解释了使用断点的良好做法。

首先要注意的是移动优先设计:首先创建用于小屏幕的网站,并在屏幕变大时设置断点,而不是相反。这很有用,因为通过这种方式,您可以让通常比智能手机具有更大处理能力的计算机处理断点,并且智能手机可以按原样显示站点,而不必计算大量的断点。

Read more about mobile first