公司的设计师在做设计图的时候都是以iphone6（宽为750物理像素）为基准进行设计的。iphone6的设备像素比（即css像素与物理像素的比例）是2，所以设计师在设计图画了边框为1px的box的时候，相对于css代码来说就是0.5像素。 设计师的设计稿是375*2和667 ...

...

对于不同的移动设备，其物理像素与逻辑像素间存在不同的比例关系。所以我们仅仅在CSS中为border设置1px时，在手机上看起来会显得比较粗，达不到预期效果。 关于物理像素与逻辑像素 物理像素 移动设备出厂时，不同设备自带的不同像素，也称硬件像素； 逻辑像素 即css中记录的像素 ...

一直不太清楚CSS中的1px与逻辑像素、物理像素是个什么关系（作为一名前端感觉很惭愧 -_-！），今天终于花时间彻底弄清楚了，其实弄清楚之后就觉得事情很简单，但也只有在弄清楚之后，才会觉得简单（语出《禅与摩托车维修艺术》，哈哈哈哈）。 两种像素 物理像素：设备屏幕实际拥有的像素 ...

一.思路 普通的1px黑色实线边框： 半像素边框当然不是简单地把1px改为0.5px（没测试过，可能会被解析成1或者0），border-width的值只能是自然数 类似的，outline, box-shadow等等也没有办法画出0.5px的细线 常规思路是不可行 ...

公司的设计师在做设计图的时候都是以iphone6（宽为750物理像素）为基准进行设计的。iphone6的设备像素比（即css像素与物理像素的比例）是2，所以设计师在设计图画了边框为1px的box的时候，相对于css代码来说就是0.5像素。 对于这个问题，最直观的方法就是css直接 ...

了经典的 “一像素问题” 最简单的解决办法，就是用图片做边框，只是修改颜色不太方便。除此之外，还有 ...

在Html中使用table是网页制作中必不可缺的一部分，如果直接给css设置table里面的td边框为1像素的话，那么实际我们从网页上看到的效果却不是1像素。 那么我们怎么用css让table的边框为1像素呢？ 其实很简单，给table使用css样式 border-collapse ...