基本的mediaQuery写法,不复习又忘记了
运行下面代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>media</title> </head> <body> <link media="screen and (max-width:600px)" rel="stylesheet" type="text/css" href="query.css"/> <style> /* 复习了流媒体查询 知识点1： @media all and (max-width:800px){} 知识点2： media="screen and (max-width:600px)" */ body{ margin:0; } @media all and (max-width:800px){ p{ display:inline-block; width:30%; padding:0; margin:0; } } </style> <p>ppppppppppppp</p> <p>ppppppppppppp</p> <p>ppppppppppppp</p> <div> <div> divContant </div> </div> <div> </body> </html>
天道酬勤
本文作者：方方和圆圆
本文链接：https://www.cnblogs.com/diligenceday/p/4073119.html
版权声明：本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
分类:
html和css相关
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步