10 2013 档案
摘要：1.百分比设置宽高，内外边距2.宽和margin的百分比，依据父元素的宽度定标准3.图片百分比定宽高，依据图片原来的宽高比，进行自适应。4.使用固定宽高比的透明图片，可以方便实现子元素定宽高布局5.使用字体大小vw单位，另加窗口变化的z-index:1来实现重绘6.由于当前浏览器对于vw的控制不好，对于字体，还是弄成px单位定高，宽度自适应。字体自适应，得用js依据比例控制。7.绝对定位以百分比，依据父元素的宽高。总结，父元素定宽高，子元素有参考，文本定高宽度自适应。如果想对未知宽高比图片进行统一宽高比，请用固定宽高比透明图片。
阅读全文
摘要：很多 WEB 开发者可能都会碰到这种头痛的问题，就是当用户对页面进行缩小或放大时，原本好好的布局就被破坏了。如果让网页支持自适应的缩小和放大布局，对于开发者来说是一个不小的挑战。在我看来如果用户有意识的去对网页进行缩放，那么就应该知道缩放会破坏布局。还有很多用户其实压根不知道自己是何时对网页进行了缩放，此时就需要提醒用户应该将浏览器的缩放级别重置成默认的比例。说到浏览器的缩放检测，可能有好几种方法都可以实现，从检测 CSS 样式到检测 Flash 的尺寸，可以说是各显神通，但我都觉得有点麻烦。其实还有更简便的方法的，当然各个浏览器的检测方法又有不同，对于 IE6，就直接无视了，因为 IE6 只
阅读全文
