PC 网站怎么做成移动站适配小屏幕阅读？

[wolf777]

站点：勇者大冒险 www.yongzhedamaoxian.com

[wolf777]

求助……-_-#：

[xd314697475]

bookstrap

[xd314697475]

@xd314697475 h5

[Light3]

h5 bootstrap 看你会啥了

[XianZaiZhuCe]

广告太可怕了

[em70]

在 HTML 文件头部加一句话就可以了
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

当然,这是让其适合手机阅读,并不能保证排版漂亮

[ChoateYao]

勇者大冒险不是腾讯出的动漫吗？

[wolf777]

加这句有用？
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

[lyz1990]

真的不是广告么？

[dong3580]

再加个 css ，这样写：
例如

@media screen and (max-width:1024px) {
//这里控制不同分辨率的屏幕显示的效果，这明明百度都能百度到呀，为什么不先去百度呢，不行还有谷歌呀？
.main {
width: 100%;
background-color:#efe8e8;
margin:auto auto;
text-align:center;
font-family:'Microsoft YaHei','宋体' ;
}

.description {
text-align: left;
padding-left: 20px;
padding-right: 20px;
background-color:lightblue;
}
}

[aivier]

域名似曾相识

[wolf777]

@dong3580 谢谢 试用中