浏览器兼容比较好的设置min-width的方式

最新推荐文章于 2024-05-17 10:23:27 发布

liudaoru

最新推荐文章于 2024-05-17 10:23:27 发布

阅读量195

点赞数

CC 4.0 BY-SA版权

分类专栏： Ajax 文章标签：浏览器 Cache HTML

本文链接：https://blog.youkuaiyun.com/liudaoru/article/details/83324396

Ajax 专栏收录该内容

158 篇文章

订阅专栏

本文展示了一个包含特定样式的测试页面，该页面使用了HTML与CSS来确保在不同浏览器中的一致性显示效果。通过定义.min-width属性，使得页面宽度在90%视口宽度的基础上至少保持800像素宽。

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>测试主页面</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
		<style>
/* for all browsers that understand min-width */
.container {position:relative; width:90%; min-width:800px;}
.holder {display:block; color:#000;}
 
/* method 1 a bodge for IE5.5 and IE6 browsers */
* html .container {border-right:800px solid #fff;}
* html .holder {display:inline-block; position:relative; margin-right:-800px;}
		</style>
	</head>
	<body>
	<div class="container"> 
	<div class="holder"> 
	<h2>test here abc def test here abc def test here abc def test here abc def test here abc def test here abc def test here abc def </h2> 
	</div> 
	</div> 
	</body>
</html>