Skip to content

iPad 端的外观调整 #5370

Closed
Closed
@hep-cogth

Description

@hep-cogth

在什么情况下你需要该特性?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

Activity

self-assigned this
on Jul 8, 2022
added a commit that references this issue on Jul 8, 2022
added this to the 2.0.26 milestone on Jul 8, 2022
changed the title [-]iPad OS Web 端的外观调整[/-] [+]iPad 端的外观调整[/+] on Jul 8, 2022
hep-cogth

hep-cogth commented on Jul 8, 2022

@hep-cogth
Author

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

lisontowind commented on Jul 8, 2022

@lisontowind

哇,真的感动了

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

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Relationships

None yet

    Development

    No branches or pull requests

      Participants

      @Vanessa219@lisontowind@hep-cogth

      Issue actions

        iPad 端的外观调整 · Issue #5370 · siyuan-note/siyuan