通过媒体查询当浏览器宽小于600px时执行。
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>CSS响应式</title> <style> @media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时,应用下面的CSS样式*/ .class { background: red; } } </style> </head> <body> <div class = "class" style = "width:200px; height:200px;"></div> <script type="text/javascript"> </script> </body> </html>