文章关键字 ‘viewport’

基于vw等viewport视区单位配合rem响应式排版和布局

2016年08月8日,星期一

一般而言,屏幕越大,我们希望文字大小也越大,元素的尺寸也能等比例放大,尤其在现在的网页设计风格中。

如果要实现这种弹性自适应效果,目前主流的实现是通过设定根元素的font-size大小,具体元素或模块使用rem或em单位来实现。

使用vw配合calc计算,可以让我们的根元素的font-size大小动态化智能化,可以让我们的布局真正意义适配于各种设备尺寸。

阅读全文…

理解SVG viewport,viewBox,preserveAspectRatio缩放

2014年08月27日,星期三

本文内容平实,就是标题所提到的三个东西,viewport,viewBox,preserveAspectRatio, 都是学习SVG必须掌握的基础知识。一如既往,有demo,有截图,有源代码展示。希望本文的内容能够对您的学习有所帮助。

阅读全文…