当从iOS主屏幕打开PWA时，我试图以不同的方式设计它。我的<head>:中有这个
<meta name="apple-mobile-web-app-capable" content="yes">
我想我可以在@supports查询中使用媒体查询，如下所示：
@supports (-webkit-overflow-scrolling: touch) {
// default ios styles
@media (display-mode: fullscreen) {
// ios full screen styles (web app opened from home screen)
}
}
不幸的是，这似乎不起作用。我使用的是带有iOS 13.1.3的iPhone 6s。我应该使用不同的方法吗？
使用standalone而不是fullscreen有效。
@supports (-webkit-overflow-scrolling: touch) {
// default ios styles
@media (display-mode: standalone) {
// ios web app styles (opened from home screen)
}
}