スポンサードリンク

AndroidのChromeでコピーライトの「©」の表示がおかしくなったのでメモ。

 

iOSは問題ない。

AndroidのChromeは「©」が太字+青で表示された。

 

cssのcolorは無視のようです。

 

原因を調べてみるとたくさんのサイトが検索結果に…

なかなか有名なバグ?のようですね。

 

解消方法は以下でした。

1. <html lang="ja">から「lang="ja"」を外す。「lang="ja"」があると起きるみたいです。

  → たしかに外したら表示が戻りました。

 

2. 該当箇所に「font-family」で「verdana」「Droid Sans」のいずれかを指定する。

  → 「Droid Sans」では表示が戻らなかったが、「verdana」で戻った。

    Androidのみ「verdana」「Droid Sans」を指定することにした。

 

参考サイト:Androidで©の色がおかしくなる

 

非常に助かりました。ありがとうございました!!

Android版のChromeで何故か「・」が表示されていた。
調べてみると「&nbsp;」が「・」で表示されるバグがあるみたい。

回避方法は2種類あるようです。
---------------------------------------------------------------------------------
1. 不具合の出ないフォントに変更する。
  → font-familyで「Helvetica」を先頭に追加する。
---------------------------------------------------------------------------------
2. 「&nbsp;」を代替のものに変更する。
  → 「&ensp;」等の空白スペース
---------------------------------------------------------------------------------

フォントを変更するのは無理なので、
「&nbsp;」を「&ensp;」にしたら「・」が出なくなりました。

■参考サイト
Android版Chromeで「&nbsp;」が「・」になってしまうChromeバグのWordPressでの対策方法
 
Androidでチェックボックスをcssを使って大きさを変えたかったけど、そのままでは大きさが変わらなかったので、検索したら良いサイトを発見したのでメモ。

スマートフォンでチェックボックスやラジオボタンを使いやすくする (その2)

cssのみで、チェックボックス・ラジオボタンを作っていました。
大きさもバッチリ変更できました。
すばらしい!!

Androidでは、表示がジャギってしまう問題がありますが、我慢できれば問題ないです。
スゴイっす。
「Galaxy Tab」で確認したところ、ある特定の文字が左に吹っ飛んだのでメモ。
※但し文字の組み合わせによっては同じ文字でも飛ばなくなるようです。
 よくわかりません。

出演を表示したら、下のように左に「演」だけ飛びました。
上:○
下:×
-----------------------------------------------------------
   出演
-----------------------------------------------------------
演  出
-----------------------------------------------------------

■Galaxy Tab
・SC-01D
 →出演の「演」
  ・出演演なら飛ばない

・SC-02D
 →解説の「説」

■回避策
「text-shadow」を使わない。
 →text-shadowを消したら直りました。
  他にいい方法があればいいけど・・・

Androidでは「text-shadow」は使わないほうがいいのかな?
text-shadowでblurを0にすると無視されるし・・・

難しいですね。




いっつもダウンロード先が分からなくなるのでメモ。

Brand Assets, Icons, and Guidelines

http://developer.android.com/distribute/googleplay/promote/brand.html

これで、次回からは大丈夫のはず・・・
Android開発の非公式翻訳サイトがあったのでメモ。

ソフトウェア技術ドキュメントを勝手に翻訳−Android 開発ガイド


もうひとつ、こんなのもありました。

Androidドキュメント翻訳プロジェクト
Androidドキュメント日本語翻訳プロジェクト(android-docs-jp)


英語苦手なので、大変助かります。

追記:
to-R

コンピュータクワガタ
Android Bazaar and Conference 2011 Winterのメモと感想(1)

ここにも色々書いて有ります。

h:1/f:1
Androidの「target-densitydpi」でviewportの調整でいい記事をみつけたのでメモ。

内容をみてみると、
Androidのviewport調整はtarget-densitydpiというプロパティで行うのがよさそうです。」と書いて有りました。
さらに見てみると、
「target-densitydpi」の利用はAndroid2.0以上
表示時のdpi(dots per inch/1インチの中に何ドット表示するか)を指定できるそう。

<meta name="viewport" content="width=device-width;target-densitydpi=device-dpi">

device-dpiを指定すると画面解像度とディスプレイ表示が同じサイズになるそうです。
これでかなり直感的でわかりやすくなりました。
他にも色々と書かれています。

■元記事
Androidの「target-densitydpi」でviewportの調整


1

スポンサードリンク