fullpage.jsを使用して、ブラウザで大きく見える「スライド」ページを作成しましたが、iphoneでは、画面に合わせてテキストの縮尺を変更しません(ズームもできません)。 CSSファイルでモバイルユーザーのテキストサイズを変更する
、私は1.2emに設定されたフォントを持って、iPhone上でより読みやすい大きさにこのテキストスケールアップを行うためにそこに方法はありますか?
あなたの携帯電話に表示したい場合:
おかげSO
fullpage.jsを使用して、ブラウザで大きく見える「スライド」ページを作成しましたが、iphoneでは、画面に合わせてテキストの縮尺を変更しません(ズームもできません)。 CSSファイルでモバイルユーザーのテキストサイズを変更する
、私は1.2emに設定されたフォントを持って、iPhone上でより読みやすい大きさにこのテキストスケールアップを行うためにそこに方法はありますか?
あなたの携帯電話に表示したい場合:
おかげSO
あなたのウェブサイトが完全に応答することは何のサイズを変更します。たとえば、
@media screen and (max-width: 300px) {
body {
background-color:lightblue;
}
}
解像度が300を超えない場合、ボディに異なる背景が使用されます。あなたは同じようなCSSのすべてを持っていたくない場合は、このようにリンクすることができます:
<link rel="stylesheet" type="text/css" href="tablets.css" media="screen and (min-width: 600px) and (max-width: 800px)">
あなたはCSS3 "VW" を試みることができます。ビューポートに関連する新しいディメンションをサポートしています。
div
{
font-size: 3.2vw;
}
使用メディアクエリは、本当にあなたが別のCSSの意味を設定することができるすべての解像度については