格式(style:{})元素设置:
body{ background-color:#0033FF; } /*媒体查询:当页面宽度最大为960px时*/ @media screen and (max- 960px){ /*body背景颜色为*/ body{ background-color:#FF6699 } } @media screen and (max- 768px){ body{ background-color:#00FF66; } } @media screen and (max- 550px){ body{ background-color:#6633FF; } } @media screen and (max- 320px){ body{ background-color:#FFFF00; } }
body元素设置:
<body>
<p>my first @media</p>
</body>