今天在学习clip-path属性的时候，遇到了<svg>元素的viewBox这个属性。网上了解了下，发现一开始不好理解，现在搞清楚了记录一下。由于直接定义，反而很模糊，所以这里先做一些实验性的观察，再做描述。 预备代码： 初始情况下，我们设定了viewBox的值 ...

在SVG中,通过svg标记的 width和height可以规定这段SVG代码所表达的数据在绘制时所占用的空间大小 如下代码svg设置了宽度与高度，rect同样，所以结果自然是全屏 考虑下，是不是这段SVG代码中所表达的数据全部均可被绘制出来达到可见呢? svg出现 ...

我是通过《SVG精髓》这本书学习的svg，说实话，这本书写的不好，或者说翻译的不好，我没有看过这本书的原版，不知道原文写的怎么样，但是翻译出来的有些句子真的很拗口。以前老师给我们API文档的时候一直是英文的，我们问他为什么不给中文版的，英文版的看起来费劲，老师说原版的你们能看懂，翻译过来 ...

我们的UI布局提出了更高的要求。当然我们也有了新的工具来应对： VisualState中增加了Stat ...

什么是viewport ? viewport是用户网页的可视区域，也可叫做视区。手机浏览器是把页面放在一个虚拟的窗口(viewport)中，通常这个虚拟的窗口比屏幕宽，这样就不用把网页挤到很小的窗口中，用户可以通过平移和缩放来看网页的不同部分。 下图为常见一些设备浏览器默认viewport宽度 ...

在查看bootstrap教程中，碰到 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 后，在群兄弟小胡帮助下，知道viewport含义： ViewPort ...

移动前端开发之viewport的深入理解 在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备 ...

上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的 ...