2016-04-19 9 views
0

fullpage.jsを使用して、ブラウザで大きく見える「スライド」ページを作成しましたが、iphoneでは、画面に合わせてテキストの縮尺を変更しません(ズームもできません)。 CSSファイルでモバイルユーザーのテキストサイズを変更する

It ends up looking like this

、私は1.2emに設定されたフォントを持って、iPhone上でより読みやすい大きさにこのテキストスケールアップを行うためにそこに方法はありますか?

あなたの携帯電話に表示したい場合:

link to example

おかげSO

答えて

0

あなたのウェブサイトが完全に応答することは何のサイズを変更します。たとえば、

@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)"> 
0

あなたはCSS3 "VW" を試みることができます。ビューポートに関連する新しいディメンションをサポートしています。

div 
{ 
    font-size: 3.2vw; 
} 
0

使用メディアクエリは、本当にあなたが別のCSSの意味を設定することができるすべての解像度については

関連する問題