我正在从事一个项目，以提高我的HTML / CSS技能。 我下载了一个随机的PSD文件，并将其转换为HTML / CSS。我想尽可能地接近PSD，因为Pixel Perfect是招聘人员的必备条件。像素完美是指接近设计而不是浏览器兼容性。
为了实现这一点，我使用了一个名为“ PerfectPixel”的Chrome扩展程序。我可以将网站的图片放在顶部，并将其与我的作品进行比较。出于某种原因，我总是偏离一两个像素，而我似乎无法完美匹配图像。甚至PSD文件中的测量值有时也会偏离，因此无济于事。...
这是否发生在某些人身上？还是我必须更加努力？
PS：如果某处有关于此的教程，请将链接发送给我，以提高我的前端技能。
答案 0 :(得分：1)
首先，目前Photoshop在网页设计中的使用越来越少。 我会尝试找到一个好的Sketch或Adobe XD文件并使用它。在这些程序中，更容易查看不同元素的度量，并且您更有可能在实际设计中找到这些程序。
要解决“像素完美”的设计问题：我认为，最好先学会编写良好的代码（如果还没有的话），而不是使设计像素完美。同样，大多数公司都希望在网页上拥有与设计相同的外观，而不是使每个元素都具有完全相同的度量。
此外，采用响应式设计（您绝对应该这样做），大多数时候您只能得到几种不同尺寸的屏幕设计（通常分别针对移动设备，平板电脑和台式机），并且必须弄清楚它们之间的过渡你自己在这种情况下，不可能做到“像素完美”。