好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML5响应式布局基础(一)

HTML5响应式布局(一)

rem:

虽然说em可以实现字体的百分比显示从而根据屏幕大小的不同按照比例改变字体大小,但是在实际开发过程中一旦出现结构嵌套,导致父级的字体比例改变,子元素的字体会根据父级的字体改变而按比例变动,如果用em改变字体,计算量会很大,难免对开发会造成一定的负担。

css3中推出了一种新的单位rem,这种单位只会基于HTML标签进行变动。

rem全称为root em, em的根便是html, 也就是只根据html进行比例变化。


弹性图片:

图片设置width:100%,或者background-size:100% 100%。

图片设置阀值:max-width.

可是设置图片的最大值和最小值。

当然流式布局只是移动端适配的一种方式,还打不到响应式网页的效果。之后我会向大家介绍另外一种适配方式,叫做媒体查询,两种适配方式相结合才能达到最终的响应式布局效果。

以上就是HTML5响应式布局基础(一)的内容,更多相关内容请关注PHP中文网(HdhCmsTestgxlcms测试数据)!

查看更多关于HTML5响应式布局基础(一)的详细内容...

  阅读:46次