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

V2EX = way to explore

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

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3284 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

站适

站点

做成

勇者

12 条回复 • 2015-11-20 21:59:40 +08:00

wolf777

2015-11-20 12:40:09 +08:00

求助……-_-#：

xd314697475

2015-11-20 14:16:27 +08:00 via Android

bookstrap

xd314697475

2015-11-20 14:16:41 +08:00 via Android

@xd314697475 h5

Light3

2015-11-20 14:17:48 +08:00

h5 bootstrap 看你会啥了

XianZaiZhuCe

2015-11-20 14:21:10 +08:00 via Android

广告太可怕了

em70

2015-11-20 14:23:06 +08:00

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

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

ChoateYao

2015-11-20 14:38:43 +08:00

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

wolf777

2015-11-20 14:39:22 +08:00

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

lyz1990

2015-11-20 17:32:10 +08:00

真的不是广告么？

dong3580

2015-11-20 17:36:36 +08:00

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

2015-11-20 18:49:27 +08:00

域名似曾相识

wolf777

2015-11-20 21:59:40 +08:00

@dong3580 谢谢试用中