移动版网站不会在手机上显示（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>

也许有人知道是什么就可以了，为什么它无法在手机上的作品。

您忘记为响应添加元标记了。添加此标签并尝试..' –

答

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

试一次。

答

可能是你忘了添加视口元标记，添加以下meta标签在你的头一节

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

是的，您是对的。它的工作。谢谢。 –

那么你为什么不接受他的回答，接受并鼓励开发人员给予答案 –

移动版网站不会在手机上显示（HTML＆CSS）

相关推荐