Skip to content
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

iPad 端的外观调整 #5370

Closed
abd-liac opened this issue Jul 8, 2022 · 2 comments
Closed

iPad 端的外观调整 #5370

abd-liac opened this issue Jul 8, 2022 · 2 comments
Assignees
Milestone

Comments

@abd-liac
Copy link

abd-liac commented Jul 8, 2022

在什么情况下你需要该特性?In what scenarios do you need this feature?

目前 iPad OS Web 端访问无法做到全屏, Status Bar 为黑边;
通过 Share - Add to Home Screen 可以解决一部分问题, 但需要网页端的改动.

描述可能的最优解决方案 Describe the optimal solution

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="viewport-fit=cover, user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">

还需要添加一个 icon, 语法如 [1] 中描述, tags 相关的语法如 [2] 所示

Ref:
[1] https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4
[2] https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html#//apple_ref/doc/uid/TP40008193-SW3

描述候选的解决方案 Describe the candidate solution

No response

其他信息 Other information

No response

@Vanessa219 Vanessa219 self-assigned this Jul 8, 2022
Vanessa219 added a commit that referenced this issue Jul 8, 2022
@Vanessa219 Vanessa219 added this to the 2.0.26 milestone Jul 8, 2022
@88250 88250 changed the title iPad OS Web 端的外观调整 iPad 端的外观调整 Jul 8, 2022
@abd-liac
Copy link
Author

abd-liac commented Jul 8, 2022

btw, 这个 method [1] 看起来可以真的做到 fullscreen, 不过不知道是不是 iPad OS only 的.
例子 [2], 见顶栏全屏

Ref:
[1] https://developer.apple.com/documentation/webkitjs/document/1629974-webkitcurrentfullscreenelement
[2] https://www.writeathon.cn/share/5c973d90eda9a1750bd55d06

@lisontowind
Copy link

哇,真的感动了

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants