使用响应式布局无效

对ipad进行了响应式布局,但是css在chrome中显示无效。

clipboard.png

clipboard.png

阅读 5.9k
5 个回答

因为css样式是从上往下执行的,@media中的css样式,应该写在正常的样式后面,不然会被后面的css命名覆盖

min 和 max 你理解有误

max-device-width
图片描述

查到原因了,@media中的css样式;应该写在正常的样式后面。

顺序的问题,应该把这一段放后面

clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题