需要注意的是,如果设计稿大于你的屏幕尺寸,比如设计图是1920,电脑是1440,那么浏览器打开后是偏移的。因为预览的html里面是img图片展示,而非background-image展示,导致屏幕容纳不下图片。

解决方案是,你的电脑尺寸是多少,设计图也需要是多少,这样预览出来就是100%还原了。效果和真实网页一模一样。

熟悉快捷键后,在平时设计网页时,会非常方便地实时预览网页界面。