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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

This topic created in 3815 days ago, the information mentioned may be changed or developed.

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

站适

站点

做成

勇者

12 replies • 2015-11-20 21:59:40 +08:00

wolf777

Nov 20, 2015

求助……-_-#：

xd314697475

Nov 20, 2015 via Android

bookstrap

xd314697475

Nov 20, 2015 via Android

@xd314697475 h5

Light3

Nov 20, 2015

h5 bootstrap 看你会啥了

XianZaiZhuCe

Nov 20, 2015 via Android

广告太可怕了

em70

Nov 20, 2015

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

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

ChoateYao

Nov 20, 2015

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

wolf777

Nov 20, 2015

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

lyz1990

Nov 20, 2015

真的不是广告么？

dong3580

Nov 20, 2015

再加个 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

Nov 20, 2015

域名似曾相识

wolf777

Nov 20, 2015

@dong3580 谢谢试用中