@media only screen and (max-width) 多媒体查询的使用方法，是css中引入的一个新概念。但是要做响应式网站，还是要配合框架开发，比较容易，其实不用深究这个概念，只是知道原理就行，
广西小程序开发 app开发 www.nasiot.com
<html>
<head>
<meta charset="utf-8">
<title>@media</title>
<style>
@media only screen and (min-width:700px)
{
body{
background-color:#f55;
}
}
</style>
</head>
<body>
</body>
</html>
@media only screen and (min-width:700px) 的意思是 屏幕像素 最小值只能是700px 。 如果再小，则失效
所以当屏幕像素是 600px的时候 屏幕颜色会变成默认色 也就是 白色
2.我们把屏幕的宽度调节到<700px 看效果
3.@media的优先级问题
默认的属性必须要放在最上面，否则会media 怎么改都会失效， 因为后面的优先级要大于上面的优先级！ 其实这个就是一个坑。不知道bootstrap有没有解决这类问题。 接下来准备用bootstrap做一些实例！分享给大家
如果您有小程序 app 企业oa等开发需求，欢迎联系 www.nasiot.com
我这不安的灵魂啊，只有学习才能让我快乐！ 我喝一杯咖啡也不行吗？哎 ，我真是命中犯贱
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
