您的位置：首页 > Web前端 > HTML

制作手机浏览器显示格式的HTML页面

2013-09-10 15:51 369 查看

最近要推出手机支持访问的HTML页面效果，而这在制作手机页面的过程中状况连连。主要一下就我制作的工程中所遇的问题说明一下：

1. 改掉HTML页面声明：(以往大部分页面都是HTML4.0的声明)　　还有很多参数可以配置大家可以google一下

<!DOCTYPE HTML>
<html>
<head>
<meta content="width=device-width,user-scalable=no" name="viewport">

2. 关于img标签的问题，可能会有些图片大小显示不一

暂时只能用width:100%属性解决(height最好别写，不然图片上下左右拉伸，失真的厉害)。忘大神告诉更牛逼的办法

3. 关于head头部LOGO居中显示的问题

　　大家可以参考网易手机新闻制作的页面

　　下面是对head头部的图片进行居中显示的CSS

.tou{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;margin-top: 10px;}
.o{display: -webkit-box;height: 56px;width: 320px;background-size: 320px auto;background-repeat: no-repeat;background-image: url("/image/feihei_head.png");}

HTML标签

<div class="tou">
<a href="http://m.nubb.com/app/ihwr_1.1.7.apk" class="o"></a>
</div>

最后出来的效果类似于网易新闻那链接里的

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航