两个页面都引用相关的CSS样式文件,设置相同的样式类,但一个页面正常而另一个字体偏大。打开chrome调试工具查看样式的字号设置,发现偏大页面字号的正确设置被“user agent stylesheet”覆盖。
仔细检查发现页面没有正确的文档类型设置,添加“<!DOCTYPE html>”,仍然无法解决,再检查又发现head标签中多了“<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">”,
去掉后正常。
总结:没有给页面设置正确的HTML文档类型或HTML标签错误会造成一些莫名其妙的样式问题。
仔细检查发现页面没有正确的文档类型设置,添加“<!DOCTYPE html>”,仍然无法解决,再检查又发现head标签中多了“<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">”,
去掉后正常。
总结:没有给页面设置正确的HTML文档类型或HTML标签错误会造成一些莫名其妙的样式问题。