千锋教育-做有情怀、有良心、有品质的职业教育机构

400-811-9990
手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

上海
  • 北京
  • 郑州
  • 武汉
  • 成都
  • 西安
  • 沈阳
  • 广州
  • 南京
  • 深圳
  • 大连
  • 青岛
  • 杭州
  • 重庆

媒体查询是什么

匿名提问者 2023-05-19 15:13:00

媒体查询是什么

我要提问

推荐答案

  媒体查询是什么

媒体查询是什么

  媒体查询:是可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。

  媒体查询的基本语法如下:

  @media 媒体设备 and (min-width:300px){

  选择器{

  属性:值;

  }

  }

  @media 表示媒体查询

  screen 表示查询设备;媒体设备是个变量,在什么设备下就使用什么值

  speech 阅读设备 all所有设备 screen 电脑手机平板

  and 链接符号;并列条件

  (屏幕条件)

  max-width230px230px以下的尺寸中。使用媒体样式。

  min-width230px 表示在大于230px尺寸中使用媒体样式。

 

猜你喜欢LIKE

jsp文件是什么

2023-05-19

软件开发是干什么的?具体工作职责是什么?

2023-05-19

微服务架构与单体架构的区别

2023-05-19

最新文章NEW

初学编程用什么软件比较好?

2023-05-19

React.memo的使用场景

2023-05-19

前端工程师主要做什么?工作职责是啥?

2023-05-19