李特成的博客

随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。 准备工作1：设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果：<meta name="viewp.

<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /&...

标题

/*自动隐藏文字*/=====1行.public-ellipsis-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}/*自动隐藏文字*/=====2行.public-ellipsis-2 { display: -webkit-box !important; ove

&lt;!DOCTYPE html&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt; &lt;title&gt;&

浏览器中的文本一般默认为16px，也就是说，默认的情况下：1em=16px那如何改变这个设定呢？只要显式的设置body元素的font-size即可。body { font-size: 24px; width: 10em; /* 10em = 24px * 10 = 240px */}em与继承在CSS中，如果一个元素没有设置font-size，那么它的font-size值就...

CSS3的出现，他同时引进了一些新的单位，包括我们今天所说的rem。在W3C官网上是这样描述rem的——“font size of the root element” 。下面我们就一起来详细的了解rem。前面说了“em”是相对于其父元素来设置字体大小的，这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小，在我们多次使用时，就会带来无法预知的错误风险。而rem是相对于根元素&lt...