モバイルデバイス用のWebページを作成するための基本は何ですか?表といくつかのリンクを含む単純なページを開発していますが、Androidスマートフォンで開くと小さすぎるため、ズームインしてはっきりと表示する必要があります。通常、モバイルデバイス用のページにアクセスすると、そもそもかなりはっきりと見えます。
どうやってやるの?
乾杯。
モバイルデバイス用のWebページを作成するための基本は何ですか?表といくつかのリンクを含む単純なページを開発していますが、Androidスマートフォンで開くと小さすぎるため、ズームインしてはっきりと表示する必要があります。通常、モバイルデバイス用のページにアクセスすると、そもそもかなりはっきりと見えます。
どうやってやるの?
乾杯。
CSS ルールを調整し、適切なメタ タグを使用することから始めることができます。
http://learnthemobileweb.com/2009/07/mobile-meta-tags/
http://building-iphone-apps.labs.oreilly.com/ch02.html#ch02_id35932248
これにより、サイズ変更の問題が解決されます。詳細については、この本のいくつかの章を参照してください: http://building-iphone-apps.labs.oreilly.com/
これは iPhone 用の Web アプリケーションの開発を目的としていますが、(iPhone と Android はどちらも Webkit ブラウザーを使用しているため) Android でも非常に便利です。
豊富な機能を備えた Web アプリを構築したい場合は、PhoneGap http://www.phonegap.com/をご覧ください。
その多くは、ディスプレイのサイズによって異なります。特定の画面サイズに合うようにWebサイトを構築していない場合、(多くの場合)デフォルトで標準のブラウザー解像度になります。body要素のCSSの高さと幅をAndroidスマートフォンに適したものに設定し、ページをリロードしてみてください。
適切なサイズを念頭に置いたら、他のWebサイトを構築するのと同じです。
doctype を xhtml mobile に設定しましたか?
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml- mobile10.dtd">