常见兼容性问题场景

青年为何白发

已于 2022-09-24 00:19:54 修改

阅读量240

点赞数

分类专栏：前端三剑客文章标签： html 前端 javascript

于 2022-09-23 22:58:48 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45650998/article/details/127019350

版权

前端三剑客专栏收录该内容

9 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文详细列举了常见的浏览器兼容性问题，包括IE6的怪异盒模型、最小高度问题、不支持1px点线等，以及IE6-8的各种特性差异，如伪类限制、display:inline-block支持、opacity、固定定位等问题。此外，还涉及到了H5标签在低版本IE中的识别问题、PNG透明图片支持、CSS Hack和条件注释语句的运用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、IE6下怪异盒模型

<!DOCTYPE html>
<html> 
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			div{
				width: 100px;
				height: 100px;
				border: 10px solid #000;
				padding: 10px;
				background: red;
			}
			.box2{
				/* 设置为怪异盒模型 */
				box-sizing: border-box;
			}

		</style>
	</head>
	<body>
		<!--
			标准盒模型
				整个DIV总宽度=width+padding+border
			怪异盒模型
				整个DIV总宽度=width
				
			切记一定要写文档头
		-->
		<div class="box1">标准盒模型</div>
		<div class="box2">怪异盒模型</div>
	</body>
</html>