媒体屏幕和最小宽度600px无法正常工作

时间:2013-09-23 11:51:51

标签: html css

我把这些链接放在标题中,但没有使用estilos.mobile.cc :(为什么?????

  

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

     

link href =“http://www.xxxxxx.es/static/css/bootstrap.min.css”rel =“stylesheet”> media =“screen”>

     

link rel =“stylesheet”type =“text / css”href =“http://www.xxxxxxx.es/static>

     

/css/estilos.css“/>

     

我试着把不同的选项放进去而不工作! :(

  

media = screen and(min-width:600px)

     

media =“(min-width:600px)”

     

media =(min-width:600px)

     

media ='screen and(min-width:600px)'

仍然没有工作......请帮帮我

1 个答案:

答案 0 :(得分:2)

我道歉但我不知道是什么类型的语法。在你的情况下,你只需要做两件事: 首先在你的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">

到你的脑袋

喝彩!