2011-09-14 9 views
2

iPhone/iPadでは、ページ上のメタタグを使用してアドレスバーを削除できます。ただし、ユーザーが「ホームページに追加」ボタンをクリックした場合にのみ機能します。詳細iPad WebApp Full Screen in Safariユーザーがアドレスバーせずにページを閲覧している場合、私は少しCSSを変更する方法を見つける必要があるユーザーがホームページに追加した場合のiPad/iPhoneレイアウトの変更

については

(すなわち。ホームページからサイトにアクセスします。)。

padding-top:64px; 

誰もがこの問題に対処する方法を見つけましたか?

答えて

2

あなたはJSでwindow.navigator.standaloneを見て、その後、例えば、HTML要素にstandaloneクラスを設定して、あなたのCSSに以下のルールを追加することができるようにページをホームページに追加されている場合にのみ適用されること必要があります。

.standalone .yourElement { 
    padding-top: 64px; 
} 
+0

ありがとう非常にありがとう。コードのこの小さな断片は揺るがす。 –

関連する問題