タグ別アーカイブ: android

androidのchromeだけの対応

androidのchromeだけ文字のサイズ等を調整したいと悩んでいた時に

下記のサイトを見つけ調整することができました!助かります!

http://www.rainorshine.asia/2013/06/03/post2422.html

<script>
    var ua = window.navigator.userAgent;
    if (/Chrome/.test(ua) && !/Version/.test(ua)) {
         document.getElementsByTagName("body")[0].setAttribute("class","chrome");
    }
</script>

クラスをつけるよう設定して完了

androidの標準ブラウザーフォントサイズ

androidの標準ブラウザー
フォントサイズが8px以下にならない

androidの

chrome
正確にわかっていないが10pxあたり

その他スマフォのデザインについて

まとめていただいている参考になる記事

スマートフォンサイトをデザインする上で知っておくべき10のTIPS – to-R
http://blog.webcreativepark.net/2011/06/16-103025.html

スマホサイト制作者は最低限知っておきたい!iPhoneとAndroidの仕様の違い | Basic Design
http://kunkun.pya.jp/basic_design/web_design/smartphone-20110728/

見やすい、使いやすいスマホサイトを制作するには? デザインのまとめ | ajike switch
http://ajike.co.jp/switch/%E8%A6%8B%E3%82%84%E3%81%99%E3%81%84%E3%80%81%E4%BD%BF%E3%81%84%E3%82%84%E3%81%99%E3%81%84%E3%82%B9%E3%83%9E%E3%83%9B%E3%82%B5%E3%82%A4%E3%83%88%E3%82%92%E5%88%B6%E4%BD%9C%E3%81%99%E3%82%8B%E3%81%AB/

スマートフォンのバグまとめ – NAVER まとめ
http://matome.naver.jp/odai/2132892555765887301

iphone対応サイト制作まとめ
http://www.ame-nochi-hare.com/2010/03/08/iphone-site-build/

iPadで-webkit-text-size-adjust: none;を指定していても、拡大されるという現象に出会う
http://blog.e-riverstyle.com/2012/04/ipadwebkittextsizeadjust-none.html

スマートフォンサイトのデザインで使うできフォント
http://touch-slide.jp/column/265/