初心者SEが技術的な事とかを、とりあえずメモしておくための日記です。

初心者SEのとりあえずメモ日記

html

HTMLの太字をAndroidでも適用する

投稿日:2011年10月31日 更新日:

1.やりたいこと

HTMLの太字は通常、<b>タグで囲むか、font-weight: bold;をスタイルで定義します。

しかしスマートフォン向けサイトを作成した場合、この太字はAndroidの標準ブラウザには適用されません。

 

2.対応方法

そこで、ボックスに影をつけて太字のように見せかけることで対応することにします。

bタグの場合

<b>bタグ</b>

boldの場合

<p style="font-weight: bold;">bold</p>

影の場合

<p style="text-shadow:1px 0 1px white">影</p>

 

 

3.問題点

これで、Android の標準ブラウザでも太字で表示することができていると思います。

PCで比較すると、どうしてもにじんでいるように見えてしまうという問題があるので、そのあたりの考慮は必要になります。
(ブラウザによってはきちんと見えない可能性もあると思われます。)

 

-html
-

Copyright© 初心者SEのとりあえずメモ日記 , 2018 All Rights Reserved Powered by STINGER.