浏览器下相同代码在不同页面内显示不同

调试页面的时候发现一个问题,相同的一个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>移位,问题解决



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值