同浏览器,同字体,同大小,得到的宽度大小不一样。

图片描述

图1,这是在同事的电脑上截的图,
360极速浏览器 1360*768 xp系统

图片描述

图2,这是在我自己电脑上截的图,
360极速浏览器 1920*1080 win7

样式都是一样的,font-size: 16px; font-weight: 600;

情况是这样的,这是一个ul,li做的是float菜单。ul是定宽的,li向左浮动。因为在同事的电脑上li的宽度比我的(正常情况下)的要宽,所以有一个菜单他是看不到的。

不明白为什么会出现这样情况,开始我以为应该是浏览上的字体大小问题吧,或是操作系统字体的问题,但是好像都不是。在浏览上得到的字体大小就是16px;

阅读 5.6k
5 个回答

比较疑惑的一点是,第一张图中的文字样式与间距和第二章图略有不一致。
另外需要检查的一点是,你们是否都是兼容模式或是极速模式?
为了css的一致性,其实我认为固定li的宽度,让其居中显示更为合适。
不过同时可能存在的另一问题就是文字个数不一致。
最后吐槽360的浏览器一下,即使同为360的急速浏览器,同系统不同版本之间也是会有一些bug般的不同点,更别说不同系统下了。

字体明显不一样。上面的是宋体,下面的是微软雅黑。

看一看是不是你们的浏览器的模式不相同。还有就是的li的宽度是百分比,还是固定的;还是没有设置;自动计算的。
如果是百分比;那说明是正常的。

如果你是用的是本地字体,不同电脑也会出现没有该字体的情况,一般会为备用字体选用无衬线字体。
你这个是结构样式的问题。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题