web前端|css教程
css @media属性
web前端-css教程
电子游戏源码,ubuntu怎么退出屏幕,怎么部署tomcat的项目,爬虫 断点继续,html代码怎么放进php,央视seolzw
css @media属性定义和使用
微捷商源码,vscode打印stl,ubuntu云服务器添加站点,tomcat部署工程,sqlite有几个版本,织梦图片插件,前端框架有哪些 优缺点,爬虫 验证码识别,php 系统教程,巧家优化seo,asp与java做网站效果,查看手机网页源代码,php个人技术博客模板lzw
使用 @media 查询,可以针对不同的媒体类型定义不同的样式。
源码插件,vscode突然黑屏,ubuntu服务器系统查看ip,安全加固tomcat,sqlite 跨表更新,jq旋转球体插件,前端框架点击菜单加载页面,jsoup爬虫怎么样,php 判断字符串包含,seo网站模版,双语企业网站源码,易语言截取网页代码,研究院网站模板lzw
@media可以针对不同的屏幕尺寸设置不同的样式,特别是如果需要设置设计响应式的页面,@media 是非常有用的。
当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。
实例
如果文档宽度小于 300 像素则修改背景颜色(background-color)
@media screen and (max-width: 300px) { body { background-color:lightblue; }}
语法
@media mediatype and|not|only (media feature) { CSS-Code;}
也可以针对不同的媒体使用不同 stylesheets
媒体类型