AndroidとiPhoneでスマホ用のウェブサイトの文字サイズが異なる

ウェブサイトをスマホ対応しようとCSSをつくり、いざ確認してみるとAndroidとiPhoneで文字サイズがかなり違う、ということが起こりました。
iPhoneの方がAndroidよりも小さく、iPhoneでみやすいように文字サイズを大きくするとAndroidで大きくなりすぎてしまいます。

フォントを変える

これは、AndroidとiPhoneでデフォルトで表示するフォントが異なることが原因でした。
CSSでfont-familyを指定することで解決できます。

body{
font-family:”ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “メイリオ”, Meiryo, Osaka, “ＭＳＰゴシック”, “MS PGothic”, sans-serif;
}

なお、スマホで見やすいフォントサイズは16～32pxと言われています。

iPadにipaファイルを直接インストールする方法です。Windowsでの説明です。 ipaファイルのインストール WindowsにiPadをUSBで接続します。 iTunesを起動します。デバイス…続きを読む

Googleカレンダーに、別のGoogleアカウントのカレンダーを同期させることはできますが、別のGoogleアカウントで複数設定しているカレンダーをそれぞれ同期させる方法がわからなかったので調べまし…続きを読む

iPadにiTunes経由などでipaファイルをインストールした際に、「信頼されていないエンタープライズデベロッパ」と表示されアプリを起動できない場合の対処方法です。 iPadに信頼させる iOS13…続きを読む

ウェブサイトの表示をさせる際に、自分で指定したフォントで相手にも表示させる方法です。通常、ウェブサイトのフォントは、閲覧する人のコンピュータに同じフォントがなければ、CSSでfont-familyを…続きを読む

iPadからウェブサイトを開こうとした際に、「以下のページは制限されているのでブラウズできません」と表示され、「Webサイトを許可する」というリンクを押しても無反応で閲覧できなかったので調べました。 …続きを読む

iPhoneでウェブサイトのCSSを修正して確認しても、反映されないことがあります。これはブラウザのキャッシュが削除されていないことが原因です。今回はiPhoneのSafariでキャッシュを削除す…続きを読む

FTPソフトである「FileZilla」を使ってサーバ上のファイルを削除しようとしたときに、「8ビット文字コードへ変換するコマンドに失敗しました」というメッセージが出てしまい、削除できないことがあ…続きを読む

iPadで画面をキャプチャする方法です。画面キャプチャ iPadで画面をキャプチャするには、「ホームボタン」を押しながら「電源ボタン」を押します。その後、どちらかのボタンを離すとキャプチャされます…続きを読む

Fireworks CS6を起動しようとしたら「現在のFireworksユーザー権限では、レジストリ情報を更新することができません。Dreamweaverを併用しての起動と編集機能は、管理者権限でFi…続きを読む

ウェブページの内容量が少ない場合には、フッターをブラウザの表示領域最下部に表示し、内容量がある場合にはスクロールした最下部に表示する方法です。フッターを画面最下部に表示する HTMLソース <…続きを読む

kuuur.netは管理人KUUURが気になった言葉を取り上げて調べ見識を深めるサイトです。

kuuur.netの内容には誤りがあることがあります。kuuur.netの内容を信用した結果損害等を被った場合にKUUURは責任を負うことはできません。この点をご理解の上kuuur.netをご利用ください。内容の訂正などのご意見はお問い合わせからお願いします。

kuuur.netはリンクフリーです。KUUURへの連絡も不要です。ただし次の2点についてご留意ください。(1) フレーム内表示など自分のサイトのコンテンツであるかのような表示はしないでください。(2) リンクしたページのURLは予告なく変更されることがあります。

kuuur.netのコンテンツは他に著作権が存在するものを除きすべてKUUURに帰属します。

フォントを変える