<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>响应式布局</title> <style> body{background:#000;} @media(min-width:767px) and (max-width:979px){body{background:#f00;}} </style> </head> <body> 当浏览器窗口在767像素和979像素之间,会触发大括号里定义的样式 </body> </html>
响应式布局
media-queries-finish.html
猜你喜欢
转载自beckham-xiao.iteye.com/blog/2396319
今日推荐
周排行