Chrome控制台切换CSS编辑设备

您为特定“尺寸”的设备开发的想法是从响应性设计开始时的常见错误。你真正想要的不是物理尺寸,而是分辨率。

从下拉列表中选择iPhone或Galaxy选项时,您会注意到它预先填充了高度和宽度输入:

所以,如果你想设计13英寸或15英寸的设备,你真正想知道的是设备的分辨率。例如,当前的13.3英寸Macbook Pro分辨率为2560×1600像素。而带有QHD显示屏的Dell XPS 13英寸分辨率为3200×1800像素。

要设计标准的13英寸到15英寸尺寸,您需要将选项设置为 Responsive ,然后将分辨率设置为2560x1600,或在该范围内。

此外,在 反应敏捷的 模式下,只需拖动右侧和底部即可调整窗口大小。这样就可以很快看到您的站点在一系列分辨率上的显示效果。

PS-我没有投反对票