调试页面的时候发现一个问题,相同的一个input[type='search'],在某一页面(A页面)内盒模型为border-box,在其他页面盒模型为content-box 。
开F12检查代码发现,A页面内部input 的样式里多了一行user agent stylesheet ,box-sizing:border-box;然后比较页面差距时,发现A页面首行代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 未加载。
由于项目顶部导航部分是公用的,所有页面均是由后台框架将几部分拼接而成,所以直接检查动态页面时发现,A页面的php文件顶部加入一个<style></style>,在头部之前,所以导致页面声明无效,将<style></style>移位,问题解决