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

Question

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

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

我已经使用Skelton CSS

将psd转换为1366分辨率的html

现在我如何缩放/缩小元素的尺寸，如果我正在编写1920x1080的样式并根据psd匹配元素间距，并且在1366分辨率下查看它应该看起来与psd完全相同。

与RetinaJS类似，根据屏幕尺寸可轻松放大/缩小图像。

我们可以通过哪种框架或方法轻松更改视图吗？

谢谢

Answer 1

有不同的技术可以实现您的目标。正如@Jose M和@WizardCoder所提到的，您可以使用CSS的媒体查询，也可以使用Bootstrap框架根据屏幕大小缩放图像。 Bootstrap＆＃34; img-responsive＆＃34;上课会对你的形象公正。它会在任何屏幕上缩小您的图像。