我一直在使用的网站最初是使用XHTML 1.0 Transitional创建的-但是,由于我不喜欢它,所以我切换到了HTML5文档类型。
刷新页面时,由于某种原因,页面上的文本会有细微的变化。
当行高低于某个像素(通常是字体大小)时,行高停止工作。
这使我为已登录用户设置的菜单失去了视觉一致性。
例如,如果将font-size设置为14像素,当您知道1px应该具有重叠的文本且任何font-size超过1px时,line-height:14px;
将显示与line-height:1px;
相同的内容。
您可以在[已删除,已过期]->测试登录名中查看演示:TestPile / test。菜单显示您登录的位置(即登录后)。
关于如何使行高正常反应的任何想法?
最佳答案
HTML5文档类型是更现代的文档类型,在浏览器中引起标准模式。 XHTML 1.0 Transitional doctype导致受限怪癖模式。 HTML5 doctype的行为是正确的,因此您实际上是在问“如何使行高表现得不应该如此?”。那将是困难的。
以下是对限制古怪(也称为标准)和标准模式之间的行高计算差异的描述:http://msdn.microsoft.com/en-us/library/ff405794%28v=vs.85%29
您将需要接受标准模式的行为并相应地调整布局。
关于html5 - 从XHTML1 Trans更改为HTML5 doctype后,行高不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11405656/