Androidスマホ・タブレット内にHTMLファイルを置いて、閲覧したり簡単なアプリを動かしたりしていますが、時たまそのHTMLファイルを印刷したい時があります。PCと同期してあるのでファイル自体はすぐ印刷可能なのですが、問題は文字サイズ。スマホ・タブレット用にしているとどうしても大きくなってしまいます。
そんな訳で、Chromeにだけ効くCSSハックを適用してみました(スマホとタブレットはFireFoxを使用)。
@media screen and (-webkit-min-device-pixel-ratio:0) {
body { font-size:14px;}
}
こんな感じです。これで、Chromeから印刷をすれば文字サイズが手頃になりそうですね。もう少し小さくてもよさそうでしたが。
PR
コメント