jquery---响应式方面应用

1)给自己的文件定义一个大小范围,显示不同的颜色.

一:前提是从另外一个地方引进一个css文件,当body小于多少px后,会显示另外一种颜色.
1,先在另外一个css文件写入body{background-color:black}

2,在住文件
<style>
body{
background-color:red
}
</style>
<link rel="..." href="另外一个css文件的地址" media="screen and (max-width:200px)"

最后的效果是:开始屏幕显示的是red,当屏幕小于200px后就会显示black.



ps:要想手机在一定px内,显示就要加上下面2句话:

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

以后的工作中也一定要上加上去..最好后期再pytharm中让他自动加上.

2)直接在引入文件中加上,要显示的格式

要和第一个达到同样的效果:
可以在引入的文件中加上

body{
background-color:red}

@media screen and (max-width:480px){
background-color:yellow
}

ps:记住每个字母要加上空格..

然后在主体文件中,引入上面的文件地址.
效果和第一个一样.