浏览器下相同代码在不同页面内显示不同
2018-03-14 09:39
501 查看
调试页面的时候发现一个问题，相同的一个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>移位，问题解决
开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>移位，问题解决
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- PHP实现根据浏览器跳转不同语言页面代码
- PHP实现根据浏览器跳转不同语言页面代码
- ajaxStart事件无效原因及不同页面显示相同加载弹窗
- 不同html页面 相同部分代码的提取
- 遇到的问题---jsp的ajax请求相同页面,服务端更新后浏览器仍然显示第一次的内容
- PHP实现根据浏览器跳转不同语言页面代码
- 遇到的问题---jsp的ajax请求相同页面,服务端更新后浏览器仍然显示第一次的内容
- 根据不同分辨率显示相同web页面
- PHP根据浏览器跳转不同语言页面代码
- 让页面显示与页面代码不同
- 后台拼接html代码在不同浏览器下显示的问题
- Selenium2学习-024-WebUI自动化实战实例-022-网站不同分辨率下页面样式展示兼容性问题解决方案 -- 设置浏览器显示区域大小（无人值守，节约测试成本的福音，BOSS 最爱）
- Ngixn根据手机端与电脑端设备相同地址显示不同页面内容
- 为什么要初始化 CSS 样式 因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。 当然，初始化样式会对 SEO 有一定的影响，但鱼
- java后台调用JS代码判断浏览器版本是否低于IE9，低版本跳转不同页面
- 如何让页面里面的java代码高亮显示
- CMFCMenuBar和CMFCToolBar相同ID,在显示不同标签文字
- 根据url 参数，页面显示不同背景图片
- JQuery与asp.net结合，区分手机浏览器与PC浏览器显示不同信息
- 根据IP显示天气预报代码：只显示成一行，可在页面调用JS即可