Skip to content

Update 移动端适配总结(二)应用篇.md #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -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`。

Expand All @@ -348,4 +348,4 @@ $$ a=2arctan(h/2d) $$
- `document.documentElement.offsetHeight`:包括内边距、滚动条、边框和外边距。
- `document.documentElement.scrollHeight`:在不使用滚动条的情况下适合视口中的所有内容所需的最小宽度。测量方式与`clientHeight`相同:它包含元素的内边距,但不包括边框,外边距或垂直滚动条。

> 接下篇 【多端开发】移动端适配总结(二)应用篇
> 接下篇 【多端开发】移动端适配总结(二)应用篇