随笔分类 -  CSS

随手记下一些CSS备忘的知识
移动开发中更好的图片自适应
摘要：一直以来，我们在 PC 端开发中，都要求给图片写上一个宽高，以避免图片加载后造成的 reflow 。但在移动端开发中，为了能适配各种各样的屏幕尺寸，我们都不会像在PC端中一样给图片设定固定的宽高，美其名曰：`响应式图片`。**一般做法是：**```cssimg{width: 100%;}```**更... 阅读全文
posted @ 2014-12-17 12:19 肥杜 阅读(2345) 评论(0) 推荐(1)
移动端切图备忘
摘要：作为一名刚接触移动端页面的孩子，总会遇到很多问题，如为什么 head 那里要加 `viewport meta`，为什么背景图片要用 `二倍图` 等等。我相信也有很多人跟你说，加 `viewport` 是为了让页面不缩放，让页面在手机上能1：1显示；用 `二倍图` 是因为 `retina` 屏1个像素... 阅读全文
posted @ 2014-10-08 16:44 肥杜 阅读(8155) 评论(4) 推荐(1)
解决png图片在IE6下的透明问题
摘要：已经几天没更新博客了，也就是这几天学习上的进账收效甚微，原因是在准备毕业答辩的事，还有两天时间用在了跑去东莞面试，面试的结果很悲催呵呵。自己其实自我感觉还过得去吧，至少能工作，但就是自己还不够自信，在别人面前总会表现出一副初学者的样子，这是很不好的。 感慨的事就不说了，进入正题。 昨天在某Q群，有人大呼：谁给他解决他的PNG图片在IE6下的透明问题，他就给谁充话费。我手快了点，直接打上，我来！但我只知道这类问题谷歌上很多解决方案，属于非常常见的问题，以前我做的时候，这类透明我都是用gif，而直接避开png，所以到现在我并没有去了解过这个问题。但昨天不得不寻找资料了。 最终，我找到的解决方案如. 阅读全文
posted @ 2011-05-20 08:42 肥杜 阅读(10158) 评论(6) 推荐(1)
ie6下padding bug
摘要：今晚发现ie6下原来还有一个bug，看代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="t 阅读全文
posted @ 2011-05-01 22:39 肥杜 阅读(3042) 评论(0) 推荐(0)
!important min-height
摘要：!important和min-height这两个属性IE6都不支持。但可以利用他们来达到在标准浏览器下，固定高度的容器当内容过多时，自动伸缩。直接上代码。div { height:auto!important; height:200px; min-height:200px; }/**************修改**************/今天才知道，原来我以往对important的认识是错的，IE6不是不认识important，而只是对important的处理上存在BUG。假设html的结构如下：<div id="test" style="backgrou 阅读全文
posted @ 2011-04-17 10:09 肥杜 阅读(997) 评论(0) 推荐(2)