很多刚入行做设计的朋友，或者想自己动手折腾网站的老板，拿到PSD文件时第一反应都是懵的。心里直犯嘀咕：这到底是用像素好，还是用毫米好？毕竟咱们平时打印东西，或者搞装修量尺寸，习惯用毫米。但网页这东西，它不在纸上啊。

今天咱们就掏心窝子聊聊这个事儿。别整那些虚头巴脑的专业术语，我就用大白话给你讲清楚，为啥在网页设计里，毫米基本是个摆设。

先说结论：做网站，必须用像素（px）。

为啥？因为屏幕是由一个个小方点组成的。你手机屏幕、电脑显示器，不管分辨率多高，它本质上就是由无数个像素点拼起来的。你让浏览器去渲染一个“毫米”，它得先算出这个毫米在它的屏幕上占几个像素点，这中间还得考虑DPI（每英寸点数）这种变量。这就好比你让一个只会算加减法的人去解微积分，虽然理论上能换算，但实际干活时太费劲，还容易出错。

咱们来对比一下。假设你设计一个按钮，宽100毫米。在印刷品上，这很直观，尺子一量就知道。但在网页上，100毫米是多少像素？这取决于你的屏幕分辨率。如果是老式低分屏，100毫米可能对应300像素；如果是现在的高分屏Retina屏，100毫米可能对应600像素甚至更多。这就乱套了。设计师用毫米画完图，前端开发拿到代码，还得重新换算，一旦换算精度稍微差一点，按钮就歪了，字就糊了。这活儿谁干谁头疼。

所以我一直跟我的客户说，做网页设计，就把脑子里的“毫米”扔掉。

用ps做网站是用像素还是毫米？答案肯定是像素。而且不仅仅是像素，现在更讲究的是相对单位，比如rem或者百分比。但你在PS里起稿的时候，基础单位必须是px。

你看现在主流的设计规范，比如苹果的Human Interface Guidelines，或者安卓的Material Design，里面所有的间距、字号、图标大小，全都是以像素为基准的。哪怕你最后切图的时候用矢量格式，那也是为了无限放大不失真，但你在PS里画的时候，那个画布的大小，比如1920x1080，那全是像素。

有些朋友可能会问，那高清屏怎么办？像素不够细怎么办？

这就涉及到一个概念：物理像素和设备像素比（DPR）。现在的手机屏幕，比如iPhone，它的DPR是2或者3。意思是，1个逻辑像素（你代码里写的1px）可能由4个或9个物理像素点组成。所以你在PS里设计时，如果要做适配高清屏，通常的做法是把画布放大两倍。比如你要设计一个750px宽的页面，你就建一个1500px宽的画布，然后全部元素放大两倍。这样切出来的图，在高清屏上看起来才清晰锐利。但这依然是在像素的体系里打转，跟毫米半毛钱关系都没有。

再说说实际工作中的坑。我见过不少外包团队，前端用毫米写CSS，结果在安卓低端机上显示错位，在苹果机上又正常。为啥？因为不同浏览器的渲染引擎对非整数像素的处理不一样。毫米换算成像素后，很容易出现小数点，比如12.345px。浏览器为了显示这个数，要么四舍五入，要么模糊处理，导致线条发虚。用像素直接写整数，比如12px，浏览器渲染起来最干脆利落，速度也快。

还有啊，别被那些复古的设计教程骗了。以前早期网页设计，确实有人尝试过用em或者cm，但那都是上世纪的事了。现在响应式网页设计（RWD）是主流，页面要适配手机、平板、大屏电脑。你用毫米，怎么适配？难道你要为每种屏幕定制一套毫米尺寸？那工作量得翻倍。用像素，配合媒体查询（Media Queries），一套代码走天下，这才是正道。

总结一下，做网站，就是跟像素打交道。毫米留给印刷品，留给实体产品。你在PS里建画布，选像素；你定字号，选像素；你调间距，还是像素。

当然，现在的趋势是设计稿和代码的脱节。你用PS画好像素级的图，然后前端用Flexbox或者Grid布局，用rem做响应式。这样既保证了视觉上的精准，又兼顾了开发的灵活。

所以，别再纠结用ps做网站是用像素还是毫米了。记住，屏幕是像素的天下，毫米进不来。选对单位，能省掉你80%的沟通成本和修改时间。这钱省下来，请团队喝杯奶茶不香吗？

希望这点大实话，能帮你在建站路上少踩点坑。