psd到html尺寸

Question

我开始学习 html 5 和 css3，最近我尝试将我在 Photoshop 中的一个设计转换为 html 并使用 CSS 进行修改。

除了全屏显示的尺寸外，一切都很顺利。我的 psd 文件的尺寸为 1020px x 1834px 。现在当我把它放在我的 27 英寸屏幕上时，它的边缘之间有很大的空间psd design

htm/css design

是否有针对不同屏幕或监控的特定命令。我也用过
<meta name="viewport" content="width=device-width, initial-scale=1"> 并在css中将psd的尺寸放在我的身上 有什么想法吗？

Answer 1

你将不得不在你的 psd 中稍微改变你的设计。许多网站上的常规容器的宽度为 1440 像素。由于您的设计只有 1020 像素宽，因此在转换为 HTML 时看起来很窄。看看你的 PSD 设计，我建议让你的原始 psd 至少有 1640px 宽，每边留出 100px 的间隙。