微软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不支持。