html页面 自适应pc端 屏幕大小 怎么设置

Question

如题所述

Answer 1

使用媒体查询，参考bootstrap里面的设置，或者直接使用bootstrap框架吧，根据浏览器的宽度自动设置宽度的

媒体查询代码实例

@media only screen and (max-width: 500px) {
.gridmenu
{
width:100%;
}

.gridmain
{
width:100%;
}

.gridright {
width:100%;
}
}