这是我的代码button:
<!-- CSS Code --> input { height: 100px; width: 150px; font-size: 55px; text-align: center; } button { width: 87px; height: 38px; font-size: 12px; } <!-- HTML Code --> <input type="submit" class="button" value="Student">
当我在macbook和我的windows笔记本电脑上查看这个button时,他们看起来不一样。
苹果系统:
Windows 7的:
正如你可以看到Windows 7版本中的button更大,字体更大。 我最初是在我的Macbook上开发的。 我需要改变我的代码中的东西吗? 为什么这样做?
这看起来像在Mac OS上的font-size
被忽略,可能是由设计或一些浏览器/操作系统设置覆盖。
如果删除font-size,现在这两个浏览器中的按钮看起来是一样的吗? 如果你需要指定字体大小,你可能会在这里找到一些有用的建议 。
试试这个CSS代码
.button {
宽度:87px;
height:38px;
font-size:12px;
}
你的按钮CSS代码是一个标记,而不是一个类,所以你的class="Button"
是行不通的,因为不存在这个CSS类