Rumah > hujung hadapan web > html tutorial > Bootstrap css的media属性_html/css_WEB-ITnose

Bootstrap css的media属性_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 11:50:27
asal
950 orang telah melayarinya

下面一段代码是实现:设备最大宽度为767px,当设备宽度大于767px背景色就是#000,否则就是#f00,代码如下:

<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Media Queries</title><style>body{background:#000;}@media (max-width:767px){body{background:#f00;}}  <!-- 设备最大宽度为767px,当设备宽度大于767px就是#000,否则就是#f00 --></style>
Salin selepas log masuk

下面我们稍微扩展下media:

CSS Media属性                                                                

  screen:指计算机屏幕。
  print:指用于打印机的不透明介质。
  projection:指用于显示的项目。
   braille:盲文系统,指有触觉效果的印刷品。
  aural:指语音电子合成器。
  tv:指电视类型的媒体。
   handheld:指手持式显示设备(小屏幕,单色)
  all:适合于所有媒体。


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan