摘要：@media screen and (min-width:800px) and (max-width:1060px){ li{ font-size:10em; }}意味着，在屏幕上(而不是打印机)并且当最小像素为800，最大像素为1060时应用括号内的样式因为css(层叠样式表)后... 阅读全文

摘要：1.响应式布局不仅要求能根据屏幕大小自适应,还要求对用户的的操作做出反应,如缩放,媒体查询可以对缩放(页面加载完成之后,调整窗口大小)进行反应2.我以前以为像素占固定空间,但在手机上浏览才发现,设置像素后,占多大空间由手机分辨率决定,即1英寸内可以放多少个像素,也是手机参数中的分辨率一般3英寸的手机分辨率为240*320,即宽240像素,高320像素3.有一个可以显示各分辨率的工具 https://github.com/johnpolacek/Responsivator 阅读全文

摘要：类之间是没有优先级的,当需要应用特殊样式时,可以先删除通用class后增加特殊class 阅读全文

摘要：用父元素的背景作为边框图片父元素的背景既可以是不平铺的成品边框图片，也可以是平铺的图片，填充子元素和父元素之间的padding然后给子元素设置背景色或背景图覆盖掉父元素的背景图。 阅读全文

摘要：img{ max-width:100%; height:auto;}如题。 阅读全文

摘要：如果设置了，display:inline-block;边框大小至少和行高一样。这样就可能比文字高。 阅读全文

摘要：1.应对overflow2.背景全屏，IE下不会全屏，但会居中background-size:100% 100%;background-position:center center;background-repeat: no-repeat; 阅读全文