html - 媒体屏幕和最小宽度 600px 不起作用

Question

我将这些链接放在标题中，但不适用于 estilos.mobile.cc :( 为什么？？？？？？

链接 rel="stylesheet" type="text/css" media="screen and (min-width: 600px)" >href="http://www.xxxxxx.es/static/css/estilos.mobile.css" />

链接 href="http://www.xxxxxx.es/static/css/bootstrap.min.css" rel="stylesheet" >media="screen">

链接 rel="stylesheet" type="text/css" href="http://www.xxxxxxx.es/static>

/css/estilos.css" />

我试图把不同的选项和不工作！！！:(

媒体=屏幕和（最小宽度：600px）

媒体=“（最小宽度：600px）”

媒体=（最小宽度：600px）

media='屏幕和（最小宽度：600px）'

仍然无法正常工作....请帮助我

Answer 1

我很抱歉，但我不知道那是什么类型的语法。在您的情况下，您只需要做两件事：首先将其添加到您的 css 文件中

@media only screen and (min-width: 600px) {
    h2 { font-size: 2.2em; }
    /*or anything you want to do*/ 
}

第二：添加

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

到你头上

干杯！