![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
hack
lzqial1987
这个作者很懒,什么都没留下…
展开
-
min-height最小高度的实现(兼容IE6、IE7、FF)
CSS的兼容性问题一直令CSSer头疼,最小高度min-height是一个非常有用的属性,在页面布局中的很多地方可以用到。在52CSS.com的一些实例布局中也有涉及。 当容器的内容较少时,能保持一个最小的高度,以免破坏了布局或UI设计效果。而当容器内的内容增加的时候,容器能够自动的伸展以适应内容的变化。 声明:52CSS.com原创,转载请注意出处并加上链接。 min-转载 2010-04-23 14:51:00 · 509 阅读 · 0 评论 -
使PC端网页宽度自适应手机屏幕大小
有时候我们会纠结PC页面在手机页面上无法正常显示,超出屏幕,有些内容看不到,现在又了下面的代码,可以做到自适应手机屏幕宽度:在网页的中增加一个meta标签:可以让网页的宽度自动适应手机屏幕的宽度。其中:width=device-width :表示宽度是设备屏幕的宽度initial-scale=1.0:表示初始的缩放比例minimum-scale=原创 2016-11-26 08:05:34 · 30731 阅读 · 0 评论 -
HTML5+CSS3的响应式网页设计:自动适应屏幕宽度
手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个转载 2015-12-29 16:46:32 · 4483 阅读 · 0 评论 -
IE6下图片下方有2个像素空隙的解决方法
1、改变html的排版例如: 改为: 2、设置img 为display:block3、设置vertical-align属性为vertical-align:top | bottom |middle |text-bottom转载 2012-11-11 16:21:12 · 509 阅读 · 0 评论 -
css中height:100%不起作用的解决方法
在网页设计中,table用height:100%是可以整屏的,但需要在网页头部增加: 后就和没有用height:100%一样了,后来发现要给html,body都增加height:100%的属性,这是高度自适应问题的关键所在。 代码如下: html,body{ margin:0px; height:100%; } 一个对象高度是否可以使用百分比显示,取决于对转载 2012-10-26 17:38:32 · 1294 阅读 · 0 评论 -
ie6,ie7 z-index bug
弄了2天才搞明白原来ie6 有爷爷就不认识爸爸 爷爷层也就是最顶层上面属性必须设置 position:relative; z-index:-1;2个属性。才能实现ie6,ie7 的z-index的属性。原创 2011-11-15 09:19:37 · 811 阅读 · 0 评论 -
li 列表 高度、间距问题
这几天遇到一个问题,以前也没注意到 就是 列表 ul li 的高度间距问题 发现 li列表上下有间距 大概 有5px的高度 ,经过上网查询经过自己的实验发现如果li里面的内容是图片 只要设置图片的对齐方式就能解决间距问题。解决方法 一使 li 浮动,并设置 img 为块级元素ul{width: 280px;}ul li{float:left;di转载 2011-12-02 10:04:20 · 9928 阅读 · 0 评论 -
div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 padding 后, div 会增加 heigh转载 2011-12-01 11:12:25 · 1376 阅读 · 0 评论 -
CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF
HACK原理:不同浏览器对各中字符的识别不同 (读完文章你会发现,FF和IE8对以下字符的识别能力完全相同)在 CSS中常用特殊字符识别表:(1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的;(2)!important: 除IE6不能识别 !important外, FF+IE8+IE7都能识别!important ;(3)_ : 除IE6支持_转载 2011-12-01 11:04:03 · 1356 阅读 · 0 评论 -
CSS中属性的书写顺序
传说中的Mozilla推荐/* mozilla.org Base Styles * maintained by fantasai *//* Suggested order: * display * list-style * position * float * clear * width * height * margin * paddingTechnorati转载 2011-11-22 14:43:37 · 422 阅读 · 0 评论 -
Google Chrome浏览器不支持小于12px的字体大小
谷歌浏览器默认最小字体为12px,小于12px的字体它都以12px显示,有时我们需要字体小点,特别是在制作英文网站时。不过还是有解决方案的。看下面:在html或者body里添加一句谷歌浏览器专有的属性。html,body{ -webkit-text-size-adjust:none;}注意:如果使用了这个属性,浏览器的字体将不能使用放大缩小功能!(就是转载 2011-10-27 10:58:36 · 557 阅读 · 0 评论 -
Absolute 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plain copy.Absolute-Center { margin: auto;转载 2017-12-08 06:24:50 · 6167 阅读 · 1 评论