老班长 发表于 2017-6-10 12:55:17

微软Fluent Design官网也挑浏览器:在Chrome上页面布局异常

6月10日消息 今天上午,曾报道,微软上线了流畅设计体系(Fluent Design)的官方网站,细心的读者可能通过文中的配图注意到,网站首页的页面布局是错乱的。

经测试,该网站首页在Chrome以及以Chrome为内核的浏览器上确实不能正常显示,在上午的文章中,判断,该网站首页布局错乱的原因是网站本身的优化问题,而在稍后的测试中,我们发现该网站首页在微软自家的Edge浏览器以及Internet Explorer中页面布局十分完美,毫无异常,由此,我们可以得知,这个网站本身并没有任何问题,而是我们用了不合适的浏览器。

为了让网页在不同的浏览器上皆可正常显示,一些网站会通过浏览器的UA(UserAgent,用户代理)来决定是否允许当前的浏览器显示该网站的网页,或者让当前的浏览器显示哪个版本的网页,起先笔者怀疑,Fluent Design官网在Chrome上无法正常显示,这是不是故意的,于是,笔者将Chrome的UA改成Internet Explorer,然后再次尝试访问微软Fluent Design的官网,结果,该网页的页面布局还是错乱的。
由此,笔者知道,当时应该是错怪微软了,微软并没有看你是Chrome浏览器,然后就扔给你一个排版错乱的网页,而是这个网站中的一些页面元素,确实Microsoft Edge和Internet Explorer可以支持而Chrome不支持。

页: [1]
查看完整版本: 微软Fluent Design官网也挑浏览器:在Chrome上页面布局异常