人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

htmlのviewportに関する質問です。
以下のように記述しても、それぞれのデバイスごとの画面サイズになりません。
aaaaaaaaa…とずっと打ち続けると、幅のスクロールバーが表示されるので適正サイズになっていないと思うのですが
記述方法に誤りがありますでしょうか?
viewportを使用するのに必要なサーバの設定などありましたらご教示ください。
さくらvpsです。
宜しくお願いいたします。

<html>
<head>
<title>test</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
</head>
<body bgcolor="#FFFFFF">
<div align="center">
aaaaaaaaa…
</div>
</body>
</html>

●質問者: xptree
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● oil999
●100ポイント

viewportを完全にサポートしているのはiOS端末のブラウザ(Safari)のみです。
Android端末のブラウザ(Chrome)ではviewportメタタグ自体はサポートされていますが、widthを設定することができません。

下記のJavaScriptをお試しください。

monaca.viewport.js

http://docs.monaca.mobi/reference/monaca_js/viewport/

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ