diff --git "a/docs/article/\345\244\232\347\253\257\345\274\200\345\217\221/\347\247\273\345\212\250\347\253\257\351\200\202\351\205\215\346\200\273\347\273\223\357\274\210\344\272\214\357\274\211\345\272\224\347\224\250\347\257\207.md" "b/docs/article/\345\244\232\347\253\257\345\274\200\345\217\221/\347\247\273\345\212\250\347\253\257\351\200\202\351\205\215\346\200\273\347\273\223\357\274\210\344\272\214\357\274\211\345\272\224\347\224\250\347\257\207.md" index 06cd8941d..37fbe2fc0 100644 --- "a/docs/article/\345\244\232\347\253\257\345\274\200\345\217\221/\347\247\273\345\212\250\347\253\257\351\200\202\351\205\215\346\200\273\347\273\223\357\274\210\344\272\214\357\274\211\345\272\224\347\224\250\347\257\207.md" +++ "b/docs/article/\345\244\232\347\253\257\345\274\200\345\217\221/\347\247\273\345\212\250\347\253\257\351\200\202\351\205\215\346\200\273\347\273\223\357\274\210\344\272\214\357\274\211\345\272\224\347\224\250\347\257\207.md" @@ -328,7 +328,7 @@ $$ a=2arctan(h/2d) $$ ### 4.6 缩放 -上面提到`width`可以决定布局视口的宽度,实际上它并不是布局视口的唯一决定性因素,设置`initial-scale`也有肯能影响到布局视口,因为布局视口宽度取的是`width`和视觉视口宽度的最大值。 +上面提到`width`可以决定布局视口的宽度,实际上它并不是布局视口的唯一决定性因素,设置`initial-scale`也有可能影响到布局视口,因为布局视口宽度取的是`width`和视觉视口宽度的最大值。 例如:若手机的理想视口宽度为`400px`,设置`width=device-width`,`initial-scale=2`,此时`视觉视口宽度 = 理想视口宽度 / initial-scale`即`200px`,布局视口取两者最大值即`device-width` `400px`。 @@ -348,4 +348,4 @@ $$ a=2arctan(h/2d) $$ - `document.documentElement.offsetHeight`:包括内边距、滚动条、边框和外边距。 - `document.documentElement.scrollHeight`:在不使用滚动条的情况下适合视口中的所有内容所需的最小宽度。测量方式与`clientHeight`相同:它包含元素的内边距,但不包括边框,外边距或垂直滚动条。 -> 接下篇 【多端开发】移动端适配总结(二)应用篇 \ No newline at end of file +> 接下篇 【多端开发】移动端适配总结(二)应用篇