我们的网站使用 CSS 以多列格式显示歌词。Firefox 22 和 MSIE 10+ 正确显示多列文本,但 Chrome(截至版本 27.0.1453.116 m)不能。此示例页面显示了问题:
http://www.hymntime.com/tch/test/html5/html5-multicolumn-test.htm
该页面使用媒体选择器,因此您的 Chrome 窗口必须至少有 1280 像素宽才能看到效果。事实上,如果您将 Chrome 窗口设置为小于1280 像素,您会看到歌词块变为单列,总宽度相同。但是当 Chrome 从 1-column 转换为 2-column 模式时(由于浏览器窗口更宽),歌词块保持相同的宽度,导致文本被挤在一起并变得不可读。
这是 Chrome 的错误,还是我们做错了什么?