ABC2013Spring: HTML5におけるAndroid端末間互換性 - Qiita
ABC2013Sprint の講演HTML5におけるAndroid端末間互換性のまとめです. 走り書きなので, 誤字脱字はあるかもしれないが, 指摘があり次第随時修正します. Canvas vs CSS3 CSS3 わずかな記法でリッチな表現が可能 DOMの操作をベースとした記述が主体. デザイナー向け. Canvasに比べ, 仕様が極めて複雑かつ曖昧, iPhone/Android間に互換性が少ない. 同じOS同士のレガシーブラウザでも端末間で挙動が大きく違う. Canvas わずかな表現に相当の記述が必要. ピクセル単位の操作が主体. プログラマー向け. 構文の解釈の違いによる互換性の問題は少ない. アンチエイリアシングの有無程度. 問題になるのは, レガシーブラウザ自体のバグ/端末特有のバグ/チップセット特有のバグ(GPU, コア, etc. Intelチップ端末) よくあるトラブル
Androidでfont-weight:boldを適用する方法
Androidでfont-weight:boldを適用する方法 Androidでは日本語にfont-weight:boldが適用されません。 <p style="font-weight:normal">ノーマル normal</p> <p style="font-weight:bold">ボールド bold</p> このHTMLをAndroidで確認すると次のようになります。 日本語だけ太字になっていないですね、デフォルトのフォントにbold体がないらしいんですが、デバイス毎にフォントも変わるのでfont-familyでは回避できず。 対策としてはfont-weightの代わりにtext-shadowを利用して太字にします。 <p style="text-shadow:1px 0 0 black">ボールド bold</p> ただ、この方法だとiPhoneでは太字になるけどAndroidで
iPhone Android など、スマートフォン向けhtmlコーディング/CSS : H.I. Art Works [ Web Technology ] – ウェブ制作技術情報 -
iPhone / iPod touch の画面サイズへの調整 画面サイズ：320×480px（Safariの表示領域は320×356ｐｘ） 横幅980pxまでのサイトは自動で320まで縮小する iPhone向けサイトを作成する場合は、meta name=”viewport”を指定すると、iPhoneでの最初の表示サイズ等を指定できます。 1 <meta name="viewport" content="width=320, "> 例えば上記のように書いた場合、横幅320ピクセル分までの領域をiPhoneの画面上に表示する事になります。 横幅を何も指定しない場合、横幅980ピクセルまでの領域が、画面上で表示されるように自動的に縮小します。 ※iPhoneでは画面サイズに合わせて文字が改行するわけではなく、PCのモニタなどで表示する横幅980pxまでの位置で文字を改行し、それを縮小すると
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
