psd到html尺寸

Question

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

除了全屏尺寸外，一切都很顺利。我的psd文件的尺寸为1020px x 1834px。现在，当我把它全屏放在我的27＆＃34;屏幕边缘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至少宽1640像素，每边留出100px的间隙。