公司的設計師在做設計圖的時候都是以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 ...