在调整按钮大小时，chrome上的CSS在firefox上的行为有所不同

Question

我是JS新手并使用tic tac toe游戏作为学习工具。 http://publisher.evidon.com/edpractice/tictactoe.html

这是我认为差不多完成的，直到我在firefox上打开它。 在firefox上没有应用任何位置或按钮大小，但在chrome上看起来很棒。有什么建议吗？

以下是我使用的CSS示例：

input[type = button]
{
height: 166px;
width: 166px;
font-size : 0;
}

#button1{
position: absolute;
top : 91px;
left: 33px;
right: 0px;
bottom: 0px;

Answer 1

问题是你的头部<link>中的样式表定义了错误的文件类型。

显然，Chrome并不介意，但它确实给Firefox造成了问题。

解决方案：将type="text.css"更改为正确的MIME类型type="text/css"（使用斜杠）。