自适应第一步,添加meta
<meta name="viewport" content="width=device-width, initial-scale=1.0">
自适应第二步,添加不同屏幕尺寸下css
@media screen and (max-width: 720px) { }
此时页面会报错@media在上下文中不存在,原因是@是Razor中的保留字符。
因此需要使用@@media,所以正确写法为
@@media screen and (max-width: 720px) { }