沉默的鑫

最近在学习移动的rem布局，写一个小案例的时候遇到了精灵图适配的问题，特此记录的一下。 这是一张宽度为750px的设计图，我把它的宽度分成15份，每一份的大小作为html的字体大小，相当于1rem=50px,然后用媒体查询适配各种屏幕。 图标变小了，，当时我不明白为什么会这样，…

最近看别人的代码，总有html,body{height:100%}这行代码，不知道为什么，特此记录一下。 按理说.box的高度应该是浏览器的50%，但是事实并非如此，html body div 的高度都为0。 这里说一下<！DOCTYPE html>，启用标准模式，标准模式下的…

，子盒子的宽高是根据父盒子的宽高进行百分比运算，即inner宽高为0。 当只有子盒子加了绝对定位，父盒子及其祖先都没有定位，其宽高百分比将根据浏览器可视宽高进行计算。 如果其父元素进行了定位，宽高则根据父元素的盒子宽高（content + padding）（不含border！）…