有些地方说设计稿中的单位是物理像素。。我也不认同。。。。如果1px的边框代表的是1个物理像素的宽度。
那么同理750的设计稿也就意味着iphoneX的手机页面只填满750个物理像素，其他地方留白吗？
不能一个设计稿有的等比例放大缩小，有的按照原始值吧？
关于css中1px的问题和解决方案
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
拾年丶不久 2019-12-16 09:28关注浏览器展示时候你就写1px,别想着让他给你分成0.33px，小于1有时候会展示成1也有时候不展示
缩放也一样，非要强行看着设计图计算，有时候反而容易出问题解决 无用评论 打赏举报 分享
- 2025-07-17 21:49Pan Zonghui的博客 本文解析了四种主流解决方案：1）CSS伪类+transform缩放（推荐），通过媒体查询适配不同DPR设备；2）viewport动态缩放，使1CSS像素=1物理像素；3）SVG矢量绘制实现精细边框；4）box-shadow模拟简单边框。各方案各有...
- 2020-09-22 10:42在前端开发中，由于浏览器的默认限制，字体大小通常最小只能设置为12px，这在某些情况下可能无法满足设计师对于更小字体的需求。当设计稿中的字体尺寸为10px或其他小于12px的值时，我们需要寻找解决办法来实现预期...
- 2024-07-05 17:35林恒smileZAZ的博客 css中的1px并不等于移动设备的1px，这是由不同手机由不同像素密度，在window对象中有一个devicePixelRatio属性，他可以反应css中像素与设备的像素比。对于老项目，这种方案比较完美, 原理是把原来的所有边框去掉，...
- 2025-07-08 10:06萌新小C.的博客 本文总结前端开发中高频出现的痛点问题，涵盖跨浏览器兼容、布局适配、性能优化等场景，提供可落地的解决思路。
- 2020-12-07 11:36夜猫硕的博客 在项目开发过程中，设计师经常会说，这里边框像素边框不对，要求1像素但是实际是2像素，当我们去查代码时我们写的就是1px，这是前端开发者经常遇到的一个问题，也就是1px像素问题。 要了解并解决问题，我们首先需要...
- 2021-01-18 16:05最近复习了一下CSS相关的知识点，对于CSS中经典的边距重叠问题进行了梳理总结，目的是检验复习效果，也希望对他人有所帮助，疏漏之处还请各位前端老鸟们不吝赐教。 提出问题：在使用CSS排版布局时，会发现兄弟或者...
- 2021-06-03 16:50小鸡爱吃米的博客 出现移动端1px问题主要是因为设备的物理像素和逻辑像素不同导致的，不同的设备所拥有的物理像素是不同的，也称硬件像素，在pc上一般dpr=1，但是在移动设备中dpr常常不为1，这也就导致了在移动端上1px展示的看起来...
- 2024-07-30 14:49大手子唐可可的博客 【代码】CSS常见问题及解决方案。
- 2022-08-03 20:36庄山聆壑的博客 前端必会的 HTML+CSS 常用技巧 之 移动端 1px 边框
- 2019-07-11 10:45「已注销」的博客 在移动端开发时，设计图中的1px的边框，如果我们直接在CSS中设置边框的宽度为1px，实际上在设备上显示的并不是1px。这是因为不同的手机有着不同的像素密度，即window.devicePixelRatio属性，它反应的是物理像素与...
- 没有解决我的问题, 去提问
