使用 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 展示又变成缺点了。
以上是最近遇到的问题,请问有遇到这方面的问题吗?还是这都不是问题?如果是,还请大神们指教一下都是怎么做的?谢谢大家了。
这是个常识性问题,建议你多了解一下MAC和window的一些区别,最好找你们的设计师多聊聊。
从浅层面来说:字体上,可以自定义字体显示,mac的默认字体是冬青黑体而windows的默认字体则是simsun或者'微软雅黑'或者黑体,字体从严格上来说不太好达成统一,另外你的位置变化,说明你对布局和CSS这块理解的不是很好,自己恶补一下,至于float这个属性,有没有好好的结合position和display这些属性的使用,决定了你布局在不同浏览器下面的显示效果,当然IE浏览器的部分属性例外。
深层一点:从MAC的色域管理以及文字渲染上和windows都是有很大的区别的,直到windows10的系统中才加入了相对完善的色域管理,字体渲染的抗锯齿效果两者也是相差很大,另外滚动条(这不完全是看浏览器和系统来确定的吗?),想换可以自定义滚动条,熟悉CSS3在支持CSS3的情况下完全自定义啊!