我有一个运行在几台不同计算机上的应用程序,我使用Chrome在Ubuntu上开发。
通常我的CSS布局在PC运行的Windows上看起来没问题,但是我注意到在我的同事的计算机上查看时我的一些布局会破坏(而不是与浮动并排放置,会打破以新线为例)。
一般情况下,删除两侧的几个像素将解决不一致问题。这让我想到,有没有办法检查OS之间的CSS显示差异?通常有关于跨浏览器样式的指南,但我似乎不记得任何显示OS之间差异的地方。
答案 0 :(得分:3)
最有可能的是,您所看到的问题与操作系统无关,而与使用哪种字体以及它们的呈现方式无关。使用默认字体,“ABC”可能在Windows上呈现16px宽,但在您的Linux风格上只有15px宽。
一般情况下,根据内部文本的长度(以像素为单位)确定框的大小时,最好添加一些额外的容差。
答案 1 :(得分:2)
您必须在不同的浏览器中测试您的CSS。您必须在计算机中安装尽可能多的浏览器并定期检查。
此外,还有一些工具可以在不同的浏览器中呈现您的网站,您可以看到快照。
像这样:http://browsershots.org/它有很多要检查的浏览器/操作系统。