移動版網站不會在手機上顯示（HTML＆CSS）

我在移動設備上打開我的網站時遇到了問題，但在我更改我的筆記本電腦的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>

也許有人知道是什麼就可以了，爲什麼它無法在手機上的作品。

來源

2016-12-06 O.W.

您忘記爲響應添加元標記了。添加此標籤並嘗試..' –

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

試一次。

來源

2016-12-06 06:06:58

可能是你忘了添加視口元標記，添加以下meta標籤在你的頭一節

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

來源

2016-12-06 05:46:20

是的，您是對的。它的工作。謝謝。 –

那麼你爲什麼不接受他的回答，接受並鼓勵開發人員給予答案 –

移動版網站不會在手機上顯示（HTML＆CSS）

回答

相關問題