如何写点响应式布局的代码
1、首先，我们把里面的内容写出来。<body> <div id="xiangyingshi"></div></body>
3、我们继续写下其他浏览器尺寸的问题； @media (min-width: 768px) and (max-width: 1024px){ #xiangyingshi { width: 80%; height: 300px; margin: 50px auto; } }
5、我们在浏览器中看下最终效果。
1、首先，我们把里面的内容写出来。<body> <div id="xiangyingshi"></div></body>
3、我们继续写下其他浏览器尺寸的问题； @media (min-width: 768px) and (max-width: 1024px){ #xiangyingshi { width: 80%; height: 300px; margin: 50px auto; } }
5、我们在浏览器中看下最终效果。