响应式设计,Css断点

响应式设计,Css断点,css,media-queries,responsive,Css,Media Queries,Responsive,我正在制作一个站点,我正在使它具有响应性,我想知道在实际设备大小下使用断点是否更好,如图所示,或者在每个“断点”上设置断点在这种情况下,设计不起作用实际屏幕大小的断点是不现实的,因为几乎不可能覆盖所有大小/设备。。您还必须记住,浏览器大小不一定是实际屏幕大小。。我只需要设置断点就可以让设计工作。您可以有4到5个断点。我通常使用且效果良好的是: 超小型设备(手机)(是的,但我也在为1440/1366/1280使用断点…您可以添加一个针对所有大屏幕的额外断点。例如@media(最小宽度:1280px

我正在制作一个站点,我正在使它具有响应性,我想知道在实际设备大小下使用断点是否更好,如图所示,或者在每个“断点”上设置断点在这种情况下,设计不起作用

实际屏幕大小的断点是不现实的,因为几乎不可能覆盖所有大小/设备。。您还必须记住,浏览器大小不一定是实际屏幕大小。。我只需要设置断点就可以让设计工作。

您可以有4到5个断点。我通常使用且效果良好的是:


超小型设备(手机)(是的,但我也在为1440/1366/1280使用断点…您可以添加一个针对所有大屏幕的额外断点。例如@media(最小宽度:1280px){}。这将适用于1280px以上的所有屏幕大小,而不是有3个单独的断点