响应式网站需要什么代码

如题所述

响应式网站是指网站样式根据屏幕大小自适应，基本的HTML结构不变，不同屏幕应用不同的css代码，可以用媒体查询，也就是@media这个来做。
举例：
@media screen and ( <a href="https://www.baidu.com/s?wd=max-width&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1dBPHK-uHmYmvFbPAwhnAfv0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3ErjT1PWf4PjnknWRkrHnYP1Tz" target="_blank" class="baidu-highlight">max-width</a>:960px ){
body{ background-color:red; }}@media screen and ( <a href="https://www.baidu.com/s?wd=max-width&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1dBPHK-uHmYmvFbPAwhnAfv0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3ErjT1PWf4PjnknWRkrHnYP1Tz" target="_blank" class="baidu-highlight">max-width</a>:480px ){ body{ background-color:blue; }}

在不同的屏幕大小下显示不同的颜色，你可以缩放浏览器窗口查看一下效果。

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/747qfq4vp774748pfp.html