2016-12-06 15 views
1

モバイルデバイスで自分のウェブサイトを開く際に問題がありますが、ノートパソコンのChromeウィンドウのサイズを変更するだけで問題はありません。携帯電話(HTML&CSS)でモバイル版のウェブサイトが表示されない

 
 
    @media screen { 
 
    body{ 
 
    background-image: url(background.jpg); 
 
    background-color: #FFFFFF; 
 
    color:darkgray; 
 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
 
    } 
 

 
    @media screen and (max-width: 480px) { 
 
    body{ 
 
    background-color: pink; 
 
    color:black; 
 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
 
    }
<html lang="en"> 
 
    <head> 
 
    <link rel="stylesheet" href="pac.css" media="screen" > 
 
    <link media= "screen and (max-width: 480px)" href="pac.css" rel="stylesheet"> 
 
    </head> 
 
    
 
    </html>

それがモバイル上の作品ではありませんなぜたぶん誰かが、それができる知っています。

+2

レスポンスのためにメタタグを追加するのを忘れました..これを追加して試してみてください.. '' –

答えて

2
<meta name="viewport" content="width=device-width,initial-scale=1"> 

を次のメタタグを追加し、ビューポートメタタグを追加するのを忘れかもしれませ。

1

は、あなたがそれを一度試してみてくださいあなたのヘッド部に

<meta name="viewport" content="width=device-width"> 
+0

はい、そうです。それは働く。ありがとう。 –

+0

あなたは彼の答えを受け入れると、答えを受けた開発者に感謝して受け入れる –

関連する問題