2012-07-06 18 views
0

我在Chrome執行本地(與Tomcat)遇到奇怪的HTML頁面renderizations。 用html代碼檢查器分析代碼我在這裏和那裏看到很多小數點像素大小。爲什麼在本地在Chrome中加載頁面時,這個小數像素爲單位?

看看這兩個截圖,與對應於以下片段

BAD-LOCAL-示例:

<html> 
<body style="margin: 0px;"> 
<img 
    style="-webkit-user-select: none" 
    src="http://localhost:8080/showcase-labs/javax.faces.resource/images/ui-icons_38667f_256x240.png.jsf?ln=primefaces-aristo"> 
</body> 
</html> 

GOOD-REMOTE樣本:

<html> 
<body style="margin: 0px;"> 
<img 
    style="-webkit-user-select: none" 
    src="http://www.primefaces.org/showcase-labs/javax.faces.resource/images/ui-icons_38667f_256x240.png.jsf?ln=primefaces-aristo"> 
</body> 
</html> 

bad

good

這是一個更復雜的簡化案例。 有人可以提供一些提示嗎? 有人可以提供一個JQuery函數來爲整個DOM四捨五入這些小數?

謝謝!

回答

1

當我的瀏覽器窗口縮放時,我在檢查器中看到類似的非整數尺寸。點擊「查看」菜單中的「實際尺寸」將縮放級別重置爲100%。

+0

你說得對。我的Chrome以110%的縮放比例運行。問題解決了!! – webmeiker 2012-07-09 06:37:16

+0

urghhh - 我不能相信我只是浪費了3個小時試圖弄清楚這一點。 – BYossarian 2013-05-31 00:31:51

相關問題