Mac 和 Windows 做前端页面的显示效果问题

使用 Mac 做前端开发,Mac 的 chrome 显示效果很好,但是有时候做出来的页面的 Windows 上就有可能没有那么好看。
以下都是使用 chrome 浏览器

第一个例子,我的电脑上看到的 a b c 三个 div ,a 是 float: left,b 和 c 是float: right 且三个 div 都是在同一行上。但是在 Windows 上看的却都乱了,后来解决办法是将三个 div 都左浮动了。

第二个例子,scrollbar 滚动条,在 Mac 的 chrome 下显示效果挺好的,只有在使用的时候滚动条才会出现,不使用的时候就会自动隐藏,Windows 上就好像不是了,所以有时候就会看到不美观的效果了。这一点放在 Mac 上是优点,到 Windows 展示又变成缺点了。

以上是最近遇到的问题,请问有遇到这方面的问题吗?还是这都不是问题?如果是,还请大神们指教一下都是怎么做的?谢谢大家了。

阅读 11.7k
2 个回答

这是个常识性问题,建议你多了解一下MAC和window的一些区别,最好找你们的设计师多聊聊。

从浅层面来说:字体上,可以自定义字体显示,mac的默认字体是冬青黑体而windows的默认字体则是simsun或者'微软雅黑'或者黑体,字体从严格上来说不太好达成统一,另外你的位置变化,说明你对布局和CSS这块理解的不是很好,自己恶补一下,至于float这个属性,有没有好好的结合position和display这些属性的使用,决定了你布局在不同浏览器下面的显示效果,当然IE浏览器的部分属性例外。

深层一点:从MAC的色域管理以及文字渲染上和windows都是有很大的区别的,直到windows10的系统中才加入了相对完善的色域管理,字体渲染的抗锯齿效果两者也是相差很大,另外滚动条(这不完全是看浏览器和系统来确定的吗?),想换可以自定义滚动条,熟悉CSS3在支持CSS3的情况下完全自定义啊!

这是原生样式的问题。
毕竟前端样式是依托于各个平台定制的。
如果你想自定义样式的话,要花力气了。
滚动条的话用
http://manos.malihu.gr/jquery...

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