Css 字体大小：0px和字母间距：10px在不同浏览器中显示不同_Css_Cross Browser

Css 字体大小：0px和字母间距：10px在不同浏览器中显示不同

css

Css 字体大小：0px和字母间距：10px在不同浏览器中显示不同,css,cross-browser,Css,Cross Browser,在Firefox、Chrome和IE中是不同的。在Firefox中，当我使用字体大小：0px和字母间距：10px时，元素的字母间距为10px，但在Chrome和IE中它不起作用，这是为什么由于列表中只有图像，请尝试将CSS更改为： <html> <head> <style> ul{ list-style-type:none; font-size:0px; let

在Firefox、Chrome和IE中是不同的。在Firefox中，当我使用字体大小：0px和字母间距：10px时，元素的字母间距为10px，但在Chrome和IE中它不起作用，这是为什么

由于列表中只有图像，请尝试将CSS更改为：

<html>
<head> 
    <style>
        ul{
            list-style-type:none;
            font-size:0px;
            letter-spacing:10px;
        }
        li{
            display:inline-block;
        }
    </style>
</head>
<body> 
    <ul>
        <li><img src="photo.jpg"></li>
        <li><img src="photo.jpg"></li>
        <li><img src="photo.jpg"></li>
        <li><img src="photo.jpg"></li>
        <li><img src="photo.jpg"></li>
    </ul>
</body>
</html>

我将使用单词间距属性，而不是字母间距

也许是浏览器默认设置的问题。每个屏幕上有不同的最小字体大小设置吗？如果不是这样，请确切地解释它不起作用的含义。

ul, ul li {
    list-style-type:none;
    padding: 0;
    margin: 0;
}