ここから本文です

解決済みの質問

忍者ホームページで、iPhoneサイトを作っています。 viewportをwidth-deviceにし...

kya85385さん

忍者ホームページで、iPhoneサイトを作っています。

viewportをwidth-deviceにしたのですが、まったく反映されません。

なぜでしょうか?

補足
はい。そのように記述しました。
新しくソースをのせた質問をしたのでできればでいいので見てほしいです。

違反報告

ベストアンサーに選ばれた回答

potoooooooozさん

どのように書いているのでしょうか?
<meta name="viewport" content="width=device-width">
のように書いていますか?

もしサイズをdevice-widthに任せるのではなく、実際のサイズにあわせたい場合は、コンテンツのwidthと余白の合計値を指定すればいいです。

例:コンテンツの幅が980pxで左右の余白を各10px分空けたい時
<meta name="viewport" content="width=1000">


参考:
Viewport iPhone向けホームページ開発
http://ipn3g.com/web/study3.html


【補足に関して】
もう一個の質問に書きましたが
×→viewprot
○→viewport

です。

  • 違反報告
  • 編集日時:2011/10/29 19:54:20
  • 回答日時:2011/10/29 19:31:27

この質問は投票によってベストアンサーが選ばれました!

この質問・回答は役に立ちましたか?
役に立った!

お役立ち度:お役立ち度 2点(5点満点中)2人が役に立つと評価しています。

知恵ノートとは?

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。

お客様自身の責任と判断で、ご利用ください。

違いがわかる知恵袋

[カテゴリ:ホームページ作成]

ただいまの回答者

22時22分現在

4301
人が回答!!

1時間以内に8,047件の回答が寄せられています。

>>回答ひろばに行く


知恵コレに追加する

閉じる

知恵コレクションをするID/ニックネームを選択し、「追加する」ボタンを押してください。
※知恵コレクションに追加された質問や知恵ノートは選択されたID/ニックネームのMy知恵袋で確認できます。

ほかのID/ニックネームで利用登録する