メディアクエリの問題

私はウェブサイト上で作業していますが、私はiPhone上でも正しく動作するように正しくフォーマットしようとしています。あなたがiPhone上のページにアクセスすると、それはメディアのクエリが何を言っているのか、しかしすべてが本当に小さいです。私はそれが望むようにズームインしません。私は、ウェブサイトが電話で画面全体を占めるようにしたい。メディアクエリの問題

画像は、これに取り付けられており、私のウェブサイトへのリンクは次のとおりです。https://www.dropbox.com/s/yspa45cl923q4wg/IMG952876.jpg

おかげ

出典

2012-05-06 Vinny

あなたが指示する必要があります：http://vacavall.mysite.syr.edu/weather_rcは

ここでは、iPhone上でどのように見えるかを確認するためのリンクですビューポートはデフォルトとは対照的にデバイスの幅を使用します。あなたの<head>に次のように削除し、これで問題が解決するかどうかを確認：

<meta name="viewport" content="width=device-width">

はSafari Developer Libraryでさらにお読みください。

出典

2012-05-06 00:16:22 Sampson

素晴らしい！ありがとう！まさに "ビューポート"とは何ですか？私は前にそれを使用したことはありません – Vinny

@ user1350204あなたのビューポートは、あなたのデバイス上の額縁領域です。デフォルトでは、iPhoneは900ピクセル以上を320ピクセルの領域に詰め込みます。そのため、あなたのページは*ズームアウト*されています。デバイスの幅を尊重するように指示しています。 – Sampson

答えて

関連する問題