initial-scale=1 makes Safari iOS react to orientation change - QuirksBlog
One common problem on iOS is that, when you use a meta viewport tag with width=device-width, the page doesn’t react to an orientation change. On the iPhone the page becomes 320px wide and on the iPad 768px, regardless of whether you’re in portrait or in landscape mode. Sometimes this is annoying. Today I found a solution: use initial-scale=1 instead of width=device-width. Although I’m not the firs
HTML 4 のころから想定内だった現在のモバイル Web / おのひろきおんらいん
HTML 4 の規格で重要な要素の一つはアクセシビリティの確保でしょう．それまでは Netscape と Internet Explorer によるいわゆるブラウザ戦争状態で，ブラウザの独自実装にあわせて web コンテンツを作成するっていう状態．そこから脱する為に，特定のブラウザの実装に依存した書き方で無くHTML 4 にそってコンテンツを用意すれば，あらゆるブラウザで一定の範囲で情報にアクセスできるように整備されました．あらゆるブラウザで一定の範囲で情報にアクセスできる事，つまりアクセシビリティの確保は HTML 4 の重要なテーマだったはずです． ハンディがあっても利用できるページづくり：Webアクセシビリティについて http://www.kanzaki.com/docs/html/accessible.html そのアクセシビリティは，例えば視覚障碍者の為の音声読み上げのブラウザ
jkondoに憧れて » 超手抜きでウェブサイトをモバイル対応 2008
◆追記 評判良かったので大幅に加筆訂正してみました。 ちょっと昨日、一昨日と携帯向けサイトを作っていたのですが、最近の携帯電話事情がわからず、どういうタグを使えばいいのかとか、CSSは対応しているのかとか、文字コードの問題はどうするのかとかいろいろわからないところが多かったので、ちょっと自分なりに調べてまとめてみます。 間違いが含まれている可能性が非常に高いです。 突っ込み大歓迎。 前提 キャリア別とか2G用にテンプレートを複数作って対応というのは個人で出来るレベルじゃないので、モバイル向けは１ページごとに１枚のテンプレート追加で作る。 なるべくPC向けのテンプレートを大幅に修正しなければいけないようなものは避ける。 長くなるので最初にまとめ ・文字コードはUTF-8。 ・マークアップ言語はXHTML Basic。 ・画像はJPEGかGIF。 ・CSSはインラインで書く。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
携帯サイトを見ている時にフルブラウザで開きなおすようなリンクを貼る方法を教えてください。…
モバイルでのXHTMLとCSS
