Chrome mobile中奇怪的字體大小問題

我無法猜測下面的HTML爲什麼會在Chrome移動設備中以較小的字體顯示兩個<p>元素 - 唯一的區別似乎是元素的內容。沒有CSS，只是默認的瀏覽器呈現。這是一個錯誤？這種行爲實際上是有原因的嗎？完全困惑於此，任何幫助表示讚賞。Chrome mobile中奇怪的字體大小問題

以下是HTML代碼和you can see it online here。使用Chrome移動瀏覽器查看問題。我看到的渲染看起來是這樣的：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Test page</title> 
    </head> 
<body> 

    <h1>Test page</h1> 

    <p> 
    Testing</p> 

    <p>Testing 
    Testing</p> 

    <p>Testing 
    Testing 
    Testing</p> 

    <p>Testing 
    Testing 
    Testing 
    Testing</p> 

    <p> 
    <a href="#">Testing</a> 
    </p> 

    <p><a href="#">Testing</a> 
    <a href="#">Testing</a></p> 

    <p><a href="#">Testing</a> 
    <a href="#">Testing</a> 
    <a href="#">Testing</a></p> 

    <p><a href="#">Testing</a> 
    <a href="#">Testing</a> 
    <a href="#">Testing</a> 
    <a href="#">Testing</a></p> 

    <p><a href="#">Testing</a> 
    Testing</p> 


    <p><a href="#">Testing</a> 
    <a href="#">Testing</a> 
    Testing</p> 


    <p><a href="#">Testing</a> 
    <a href="#">Testing</a> 
    <a href="#">Testing</a> 
    Testing</p> 

     <p><a href="#">Testing</a> 
    <a href="#">Testing</a> 
    <a href="#">Testing</a> 
    <a href="#">Testing</a> 
    Testing</p> 

    <p><a href="#">Testing</a> 
    <a href="#">Testing</a> 
    <a href="#">Testing</a> 
    <a href="#">Testing</a> 
    Testing 
    Testing</p> 


</body> 

</html>

來源

2015-10-19 ozarfreo

順便說一下，我在Android中使用Chrome版本46.0.2490.76，在Samsung Galaxy S4中。 – ozarfreo

使用仿真模式（在Chrome/Windows）中也給出了同樣的錯誤。
您應該將其報告爲一個錯誤。
根據Chrome的開發控制檯，沒有隱藏的CSS或任何影響字體大小（或任何其他CSS屬性）。
注意：爲什麼頭部有一個空的樣式標籤？如果你設置p的默認字體大小，錯誤是否會發生？

來源

2015-10-20 04:52:52 LordNeo

Chrome mobile中奇怪的字體大小問題

回答

相關問題