如何根据屏幕分辨率正确缩放网页？

Question

我有一个网页psd，它是在1920x1080分辨率设计的。

标准笔记本电脑和台式机的分辨率为1366x768。

我已经转换PSD使用Skelton CSS

现在，我怎么能扩展一样，如果我根据PSD写作风格为1920×1080，并适配体间隔元件的上/下尺寸在1366的分辨率为HTML并在观看时1366的分辨率应该和psd完全一样。

像RetinaJS它可以根据屏幕大小轻松放大/缩小图像。

有什么框架或方法，我们可以很容易地改变视图？

谢谢

Answer 1

有不同的技术来实现你的目标。正如@Jose M和@WizardCoder所述，您可以使用CSS的媒体查询，也可以使用Bootstrap框架根据屏幕大小缩放图像。 Bootstrap的“img-responsive”类将对你的形象做出正确的判断。它会在任何屏幕上缩小您的图像。