请在IE和Chrome浏览器中查看以下 http://healthfacilitiesgroup.com/pm/phaseinfo.php 。 我希望网站的宽度为8.5英寸,两边都有1英寸“边距”(意思是6.5英寸宽的段落等)。我认为这样做的方式是8.5英寸宽,1英寸填充。这就是CSS的设置,但由于某些原因,IE和Chrome完全不同。我不太喜欢html的新手,所以感谢任何事情。IE浏览器和Chrome浏览器的CSS填充问题
0
A
回答
0
由于屏幕分辨率不同,很难在居中设计的两侧获得相同的边距(1英寸)。
不是以英寸为单位进行设计,而是以百分比来设计。这将给你一个更加一致的外观,它将根据用户的屏幕分辨率展开或收缩。
例如,您可能会考虑将您的主要div
设置为80%
,然后为其自动margin
,这将填满其他空间。喜欢的东西...
div#main{width:80%, margin:0 auto;}
第一个数字0
从顶部和底部设置margin
和auto
配置它相匹配的两侧。
Padding
顺便说一句,处理元素内的空间。查看更多这里:http://www.goer.org/HTML/intermediate/margins_and_padding/
1
您没有使用文档类型,所以您的网站呈现在Quirks Mode。怪癖模式+ IE =无望。
可以逃脱怪癖模式,实现一致性只需添加此作为的第一行:
<!DOCTYPE html>
这就是HTML5的doctype,它会触发标准模式。
相关问题
- 1. 问题与图像和Chrome浏览器,火狐浏览器,IE浏览器
- 2. Chrome浏览器 - 相当于Firefox浏览器的IE浏览器
- 3. IE浏览器JavaScript和CSS问题
- 4. 跨浏览器的CSS问题(Safari浏览器与Chrome)
- 5. 当浏览器返回按钮时IE浏览器CSS问题
- 6. IE浏览器的CSS定位问题
- 7. CSS Drop Menu问题(仅IE浏览器)
- 8. IE浏览器HTML&CSS显示问题
- 9. IE浏览器HTTPS问题
- 10. 问题从IE浏览器
- 11. IE浏览器问题
- 12. Chrome浏览器可视化问题CSS
- 13. Chrome浏览器和火狐浏览器定位问题
- 14. 填充的CSS问题,浏览器兼容性问题
- 15. 互联网浏览器,Chrome浏览器Chrome浏览器
- 16. Safari和IE浏览器的Video.js问题
- 17. 在IE浏览器中的垂直菜单填充问题
- 18. 跨浏览器CSS问题
- 19. CSS跨浏览器问题
- 20. Chrome浏览器与火狐浏览器中的框问题
- 21. 在Chrome浏览器(火狐浏览器和IE浏览器都在工作)中jQuery CSS div高度不匹配
- 22. 在IE浏览器中,但Chrome浏览器中没有Jquery问题
- 23. PHP和IE浏览器显示问题
- 24. 跨浏览器问题 - Firefox和Chrome
- 25. jquery .width()chrome和Safari浏览器问题
- 26. IE浏览器兼容浏览器兼容性问题/ Firefox
- 27. 浏览器默认填充
- 28. Css转换IE浏览器
- 29. 关于浏览器缩放的CSS保证金/填充问题
- 30. CSS和不同的浏览器问题
永远不要使用IE作为事情应该如何工作的参考。始终,始终使用*任何其他浏览器来帮助验证您的标记。然后看看如何将IE的一切搞定。但IE浏览器的众多问题众所周知,修复它的黑客也是众所周知的。 – Rob