2

@Phill Pafford は、メタ ビューポート ソリューションを使用した、jquery モバイルのデフォルト フォント サイズという私の逆の問題の解決策を提供してくれました。ただし、これは、ビューポートのサイズを大きくして携帯電話の画面に適応させるのに最適です。

私は jQM フレームワークを実装して、コンピューター画面で実行される「通常の」Web ベースのアプリでモバイルのルックアンドフェルを提供しています。そして、フォントは非常に大きく見えます!font-size を全体的に小さくしたり (レスポンシブ デザイン)、コンピューター画面上でより魅力的に (つまり、小さく) したりするにはどうすればよいですか?

ありがとう!

4

1 に答える 1

2

JQM スタイルシートではなく、カスタム スタイルシートで、スタイルをメディア クエリでグループ化します。

/* Large desktop */
@media (min-width: 1200px) { font-size: 12px; }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */
@media (max-width: 480px) { ... }
于 2012-09-07T22:04:00.717 に答える