PSD to html 从上到下的大小转换成html答案

【问题标题】：PSD to html the size of top to bottom converted to htmlPSD to html 从上到下的大小转换成html
【发布时间】：2016-10-06 19:35:13
【问题描述】：

我应该如何计算转换为 html 的 PSD 文件的从上到下的大小，并使用 css 实现像素完美。例如，在 PSD 中，标题和上边距之间的填充距离是 100 像素，但在浏览器中它似乎太大了。我应该分这个尺寸吗？

click here to see the psd

【问题讨论】：

您的意思是 PSD = Adobe 的 Photo Shop 文档吗？
是的，我的意思是 Adobe Photoshop 文档
如何将 PSD 转换为 HTML？
手工：使用 HTML5、CSS3、Bootstrap。在 PSD 中，从上到下的尺寸太大。我应该分这个尺寸吗？还是留着？
对不起，我还是不明白你在做什么。您是否在 Photoshop 中创建了网页的模型，导出模型的各个部分并构建模型的 HTML5+CSS+Bootstrap 版本，但现在边距等未按预期对齐？如果是这样，您能否提供您所看到内容的屏幕截图？

标签： html css psd

【解决方案1】：

在 Photoshop 中单击 alt+ctrl+I 并查看您的 psd 大小。例如，如果您的 psd 大小为 1600*1280，则您的最大宽度为 1600，高度为自动。要获得准确的边距和内边距，请在 photoshop 中使用 grids and guides，这将给出任意两个 div 或图像或段落之间的准确间距。

【讨论】：