将PSD侧边距转换为HTML/Bootstrap

将PSD侧边距转换为HTML/Bootstrap,html,css,twitter-bootstrap,measurement,psd,Html,Css,Twitter Bootstrap,Measurement,Psd,我有一个PSD文件,我想把它转换成HTML。我想知道如何测量元素与页面侧面的距离(因此测量边距) 我使用的是pix中的Photoshop标尺,但当我在html代码中输入相同的pix编号时,它的大小似乎不同 我到处都找过了,但没有人真正解释应该如何进行测量!有什么想法吗?如果您的PSD是以72分辨率创建的,那么像素应该匹配,否则您必须根据您设计的PSD分辨率进行调整,您不应该使用固定的间距值。因为它在你的屏幕上看起来不错,但在其他尺寸的屏幕上却不一样。而是使用绝对位置或浮动元素。你是说我应该使用%

我有一个PSD文件,我想把它转换成HTML。我想知道如何测量元素与页面侧面的距离(因此测量边距)

我使用的是pix中的Photoshop标尺,但当我在html代码中输入相同的pix编号时,它的大小似乎不同


我到处都找过了,但没有人真正解释应该如何进行测量!有什么想法吗?

如果您的PSD是以72分辨率创建的,那么像素应该匹配,否则您必须根据您设计的PSD分辨率进行调整,您不应该使用固定的间距值。因为它在你的屏幕上看起来不错,但在其他尺寸的屏幕上却不一样。而是使用绝对位置或浮动元素。你是说我应该使用%而不是像素作为边距吗?不完全是这样。请阅读一些关于响应式设计和CSS媒体查询的文章。如果您可以添加一些截图和PSD文档设置,这将真正有助于消除一些标准问题。