web-dev-qa-db-ja.com

モバイルCSSページ幅

シンプルなフォームページをモバイルデバイスで表示できるようにするためにかなりの努力をしています。フォームは表示可能ですが、読むには大きくズームインする必要があります。

聞くことは一例です:

http://200.5.3.20/temp/PocketPC/dispatch.php

15
Rick

ページをデバイスの幅に合わせて拡大縮小するメタビューポートタグを追加できます。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

あなたはそれを読むことができます ここでも

41
jonezy

Jonezyが使用したものとは別に、meta viewport tag以下も機能します。

<meta name="viewport" content="width=device-width, user-scalable=no">

それはスケーラブルではなく、デバイスの幅に適合しません-どのデバイス、iOSまたはAndroidでも。

それが役に立てば幸い!

6
Aditya P Bhatt

モバイルDoctypeを使用する:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
2
nLL