鍍金池/ 問答/HTML5  HTML/ css寬度問題

css寬度問題

先貼圖吧：

clipboard.png

clipboard.png

clipboard.png

clipboard.png

HTML布局與樣式都在這里，我給a標(biāo)簽設(shè)定寬度為101.12px，但是實(shí)際只有101.117px，望大神能解答?。?/p>

然后說明一下出現(xiàn)這個問題的背景：

這是個手機(jī)端的頁面，我采用的是rem布局，這里的行內(nèi)樣式是我測試問題的時候?qū)懙?，問題原因就在于實(shí)際寬度與我設(shè)定寬度不一致。

rem我是采用的css計算，如下：

clipboard.png

經(jīng)過px單位測試，所以我排除了不是計算的問題，至于為啥不用js計算rem，嗯！我覺得這個比較簡單。我現(xiàn)在的解決方案是將a標(biāo)簽稍微多留0.01rem的就可以了。

總結(jié)問題：為啥瀏覽器渲染尺寸與我實(shí)際設(shè)定的尺寸不一樣，有沒有什么辦法可以規(guī)避或者是解決瀏覽器渲染與設(shè)定大小不一致的情況？謝謝各位大神解答......

回答
編輯回答
夢若殤

1.瀏覽器渲染的時候，對于這種不足1px的數(shù)字，總會有一定的誤差。
2.這樣寫

.mine-head .mine-info a {
    width: 33.33%;
    width: calc(100% / 3);
}
2017年3月12日 01:08
編輯回答
怣痛

用flex布局，不用設(shè)置width了

2017年11月28日 07:57
編輯回答
久不遇

用flex或是Grid布局，就可以不用那么麻煩的處理寬度了

2018年6月29日 21:45
編輯回答
囍槑

謝邀！
rem布局，由于各大手機(jī)屏幕不同，高寬比不一，對于這種不足1px的情況，難免會有問題！遇到該情況一般會把寬度增加些，或者用flex，flex可參考阮一峰大神的教程http://www.ruanyifeng.com/blo...

2017年9月17日 02:36