项目描述
上传时间
浏览人数
开发环境:HbuilderX
作者:睿萌萌
在系统分辨率在768以上的时候会显示如下界面:
在768分辨率以下的时候界面样式会改变:
媒体查询(@media):
@media可以针对不同的屏幕尺寸设置不同的样式,对我们设置响应式界面非常有帮助.
我们在使用的时候只需在css中添加如下代码,然后在{}中写入新的css样式,即可达到切换效果
@media only screen and (min-width:768px){ }
需要特别注意的是,@media只会对样式进行覆盖,不会清空,也就是说,如果在其他分辨率下写了其他的样式,在当前分辨率下如果不想让该样式显示,需要对不想要的css属性进行清空.