`
liudaoru
  • 浏览: 1578874 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

    博客分类：
  • Ajax
浏览器CacheHTML 
阅读更多 

<!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>
 

分享到：
| 用Apache的rewrite生成伪静态页面
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    详解在table设置max-width以及min-width兼容问题和解决方案

    在table中设置min-width和max-width属性 &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt; table{min-width:60%;min-width:100%;} 但是chrome不兼容max-width，ie7两者都不兼容。 解决方案：在table外层包一个div，在div上设置...

    兼容IE6、IE7的min-width、max-width写法

    随着浏览器的更新迭代，如今的主流浏览器已经全面支持`min-width`和`max-width`，这些兼容性问题逐渐变得不那么重要。然而，对于那些仍需维护旧项目或者需要考虑广泛用户基础的开发者来说，理解这些历史遗留问题仍然...

    min-width最小宽度的作用介绍

    在实际开发中，正确使用min-width属性需要考虑不同设备和浏览器的兼容性，同时也要考虑到布局的整体设计效果，以确保最终的用户体验是顺畅和愉悦的。总之，min-width属性是构建响应式网页和维护布局稳定性不可或缺的...

    兼容IE6的min-width、min-height的简单方法

    min-width属性可以设置元素的最小宽度，当浏览器窗口或者父元素的宽度小于设定值时，元素的宽度不会继续收缩，而是出现水平滚动条。min-height属性则定义了元素的最小高度，作用与min-width类似，仅用于高度。这两个...

    min-width For ie6 与传统事件阻止

    标题中的“min-width For ie6 与传统事件阻止”涉及到两个关键知识点，一个是CSS中的`min-width`属性在IE6浏览器中的实现，另一个是JavaScript中的事件阻止机制。 首先，我们来详细探讨`min-width`属性。`min-width...

    min-height和min-width两个最小高度和最小宽度兼容多浏览器版本

    文章介绍了min-height和min-width兼容多浏览器版本做法，有需要的同学可看看。min-height和min-width这两个最小高度和最小宽度的容器属性相信大家并不陌生。先说说min-height。这个看起来很容易。看下面试例： 复制...

    CSS属性探秘系列(五)：min-width

    当浏览器窗口过小时，如果内容区域没有设置`min-width`，可能导致内容挤压，显示混乱。通过设定`min-width`，可以保证内容区域至少有足够空间展示，避免因为窗口尺寸过小而影响用户体验。 相关属性还包括`max-width...

    多种方法解决min-width 不兼容ie6的问题

    总之，处理 min-width 与 IE6 不兼容的问题需要结合多种技巧和方法，同时考虑到浏览器的特殊性与项目的技术要求。随着现代浏览器的发展以及网页标准的完善，我们有理由相信未来网页开发中此类问题将会得到缓解，...

    让IE6支持min-width最小宽度

    IE6作为曾经广泛使用的浏览器，它的市场份额大，但缺乏对这些属性的支持，这对注重跨浏览器兼容性的网页设计师来说是一个挑战。随着后续版本的IE7开始支持这些属性，但鉴于IE6的用户基数，确保在IE6中也能实现类似...

    让IE6支持兼容min-width、max-width CSS样式属性的方法

    在CSS布局设计中，`min-width` 和 `max-width` 是两个非常重要的样式属性，它们...在现代前端开发中，通常推荐使用更先进的CSS技术，如Flexbox或Grid布局，以及渐进增强或优雅降级策略，来确保更好的跨浏览器兼容性。

    IE6不支持CSS中的min-width/height属性问题的解决方法

    尤其是对于min-width和min-height属性的支持问题，一直是前端开发者在进行跨浏览器兼容性处理时遇到的一大难题。这两个CSS属性原本是用于设定元素的最小宽度和最小高度的，确保网页元素在内容较少时也能够保持一定的...

    css浏览器兼容问题大全

    【CSS浏览器兼容问题详解】 在Web开发中，CSS（层叠样式表）是用于控制网页元素样式的关键技术，但它在不同浏览器之间的兼容性问题一直是开发者面临的挑战。尤其是针对老版本的Internet Explorer（如IE7、IE6）和...

    浏览器兼容代码大全

    ### 浏览器兼容代码大全 #### 概述 本文档提供了一系列的代码示例，旨在帮助初学者解决不同浏览器间的兼容性问题。通过本文档的学习，你可以掌握如何编写能够跨浏览器正常显示的网页，包括但不限于CSS样式调整、...

    css浏览器兼容.docx

    CSS浏览器兼容性问题解决方案 CSS浏览器兼容性问题是Web开发中常见的问题。不同的浏览器对CSS的解析方式不同，这就导致了浏览器之间的兼容性问题。了解浏览器的兼容性问题是非常重要的，为此，我们总结了一些常见的...

    让IE6支持min-width和max-width的方法

    在早期的Internet Explorer（尤其是IE6）中，浏览器并不支持CSS中的`min-width`、`max-width`以及`min-height`和`max-height`属性，这给网页设计带来了很大的局限性。为了让这些特性在IE6及其以下版本中生效，开发者...

    最全的CSS浏览器兼容问题

    以下是一些常见的CSS浏览器兼容性问题及其解决方案： 1. **垂直居中问题**： 在CSS中，要实现一个div的垂直居中，可以使用`vertical-align: middle;`和`line-height`属性。但这种方法要求内容不换行。例如： ```...

    css浏览器兼容问题

    ### CSS浏览器兼容问题详解 #### 一、引言 随着Web技术的发展，不同的浏览器对于CSS的支持程度也有所不同，这导致了在开发过程中经常会遇到浏览器之间的兼容性问题。本文旨在总结和分享一系列关于CSS兼容性的技巧...

    解决浏览器兼容问题的CSS语法技巧大全.doc

    解决浏览器兼容问题的 CSS 语法技巧大全 ...解决浏览器兼容问题的 CSS 语法技巧大全涵盖了 IE 和 Firefox 浏览器的兼容性问题，提供了一些实用的解决方案，可以帮助 web 开发者更好地解决浏览器兼容性问题。

Magicbox
Global site tag (gtag.js) - Google Analytics