文章分类 -  布局篇------弹性布局 em rem

摘要：涉及SASS将px转em 以及em怎么等比适配不同手机屏幕结构方面 薰衣草小宝马 TA的活动倒计时8天13时8分 您的好友XXXXX想买“100%澳洲薰衣草小宝马”，快来TA砍价吧，砍到多少是多少喔！ 帮TA砍一刀 Sass方面/*css reset*/*{box-sizing:conten... 阅读全文

摘要：一、px转em的计算公式1、如果元素自身没有设置字体大小，那么元素自身上的所有属性值如“boder、width、height、padding、margin、line-height”等值，我们都可以按下面的公式来计算：1 ÷ 父元素的font-size × 需要转换的像素值 = em值1、如果元素设置... 阅读全文

摘要：本文由Spy根据Annarita Tranfici的系列教程《Understanding Responsive Web Design》之一《Responsive Web Design: Using Fonts Responsively》所译，整个译文带有我们自己的理解与思想，如果译得不好或有不对之处... 阅读全文

摘要：http://www.w3cplus.com/css/px-to-em总结长篇介绍了一大堆，唯一想告诉大家的是以下几点1、浏览器的默认字体大小是16px2、如果元素自身没有设置字体大小，那么元素自身上的所有属性值如“boder、width、height、padding、margin、line-hei... 阅读全文

摘要：http://www.w3cplus.com/preprocessor/sass-px-to-em-with-mixin-and-function.htmlCSS单位是一个很意思的东西，到目前为止，CSS的单位不仅仅局限于em,px,pt,com,in...，还出现了新的单位,比如rem，vw，vh... 阅读全文

摘要：大多数网站所谓的响应式设计，只是在不同大小屏幕上能正常显示罢了，在大屏幕上显示全部页面，在小屏幕上隐藏一部分不重要的页面，这样的响应式设计 只是为了兼容pc和移动，但在移动上的效果却是很不理想的，隐藏掉的页面内容虽然不能看到，但却同页面一起加载，浪费资源流量，想想那蛋疼的3G能访问这 样的响应式网页... 阅读全文

摘要：dsakjmls多萨角度考虑时间你 阅读全文

摘要：http://isux.tencent.com/web-app-rem.html 阅读全文

摘要：...... 阅读全文

摘要：一、目前手机端做法有三种 1、流式布局 2、固定宽度 3、响应式二、简单介绍各种布局 1、流式布局 宽度百分比，高度固定值PX 2、固定宽度 网站页面以320写，超出部分留白 3、响应式 以320为基准，进行缩放，最大缩放为320*1.3 = 416， 基本缩放到416都就可以兼容iphone6 ... 阅读全文

摘要：rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？ rem（font size of the root element）是指相对于根元... 阅读全文

摘要：http://www.cnblogs.com/aimyfly/archive/2013/07/19/3200742.html总结：谷歌下最小字体不支持小于12PX的字体，所以我们在定义html最小字体时如果定义为62.5%，谷歌浏览器在解析高度，行高，magin paddding上下时是按12px来... 阅读全文

摘要：国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以... 阅读全文