2.1w+
社区成员
- 主页
近来，本人做php的手机网站，用WAP2。0版面在手机看老变形
@charset "utf-8";
/* -------------------------------公共样式----------------------------------------------- */
body { text-align:left;font-family:"",arial;margin: 0;padding: 0;background: url(../images/background.jpg);font-size:12px; color:#666666;}
div,form,img,ul,ol,li,dl,dt,dd {margin:0;padding:0;border:0;}
li,dl{list-style-type:none;}
css样式表:
h1,h2,h3,h4,h5,h6 { margin:0;padding:0;font-size:12px;font-weight:normal;}
.left{float:left;}
.right{float:right;}
/*-----图片样式----*/
img{border:none;}
/*----字体样式-----*/
.fB {font-weight: bold;}
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}
.f16px{ font-size:16px;}
.f18px{ font-size:18px;}
#background{width:240px;height:291px;background:url(../images/bg.gif) no-repeat;}
#logo{width:141px;height:59px;margin:22px 79px 6px 19px;}
#neirong{width:205px;height:166px;margin:12px 17px 0px 18px;}
#copyright{width:205px;height:16px;margin:13px 17px 8px 18px;}
.aboutk{width:80px;height:129px;float:left;margin:18px 6px 17px 8px;}
.newsk{width:106px;height:129px;float:right;margin:18px 4px 17px 0px;}
.about{width:52px;height:22px;background:url(../images/about.gif) no-repeat;padding-left:24px;padding-top:3px;margin-bottom:24px;}
.f{width:52px;height:22px;background:url(../images/feedback.gif) no-repeat;padding-left:24px;padding-top:3px;margin-bottom:27px;}
.z{width:52px;height:22px;background:url(../images/z.gif) no-repeat;padding-left:24px;padding-top:3px;}
.news{width:82px;height:21px;background:url(../images/news.gif) no-repeat;padding-left:24px;padding-top:3px;margin-bottom:27px;}
.o{width:82px;height:21px;background:url(../images/o.gif) no-repeat;padding-left:24px;padding-top:3px;margin-bottom:27px;}
.p{width:82px;height:21px;background:url(../images/p.gif) no-repeat;padding-left:24px;padding-top:3px;}
下面上页面：
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="background">
<div id="logo"><img src="images/logo.png" alt="" width="141" height="59" /></div>
<div id="neirong">
<div class="aboutk">
<div class="about">关于我们</div>
<div class="f">留言中心</div>
<div class="z">服务 支持</div>
</div>
<div class="newsk">
<div class="news">新闻快讯</div>
<div class="o">我们的客户</div>
<div class="p">产品 解决方案</div>
</div>
</div>
<div id="copyright">版权所有：佛山市网盛科技有限公司</div>
</div>
</body>
</html>
/* -------------------------------公共样式----------------------------------------------- */
body { text-align:left;font-family:"",arial;margin: 0;padding: 0;background: url(../images/background.jpg);font-size:12px; color:#666666;}
div,form,img,ul,ol,li,dl,dt,dd {margin:0;padding:0;border:0;}
li,dl{list-style-type:none;}
css样式表:
h1,h2,h3,h4,h5,h6 { margin:0;padding:0;font-size:12px;font-weight:normal;}
.left{float:left;}
.right{float:right;}
/*-----图片样式----*/
img{border:none;}
/*----字体样式-----*/
.fB {font-weight: bold;}
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}
.f16px{ font-size:16px;}
.f18px{ font-size:18px;}
#background{width:240px;height:291px;background:url(../images/bg.gif) no-repeat;}
#logo{width:141px;height:59px;margin:22px 79px 6px 19px;}
#neirong{width:205px;height:166px;margin:12px 17px 0px 18px;}
#copyright{width:205px;height:16px;margin:13px 17px 8px 18px;}
.aboutk{width:80px;height:129px;float:left;margin:18px 6px 17px 8px;}
.newsk{width:106px;height:129px;float:right;margin:18px 4px 17px 0px;}
.about{width:52px;height:22px;background:url(../images/about.gif) no-repeat;padding-left:24px;padding-top:3px;margin-bottom:24px;}
.f{width:52px;height:22px;background:url(../images/feedback.gif) no-repeat;padding-left:24px;padding-top:3px;margin-bottom:27px;}
.z{width:52px;height:22px;background:url(../images/z.gif) no-repeat;padding-left:24px;padding-top:3px;}
.news{width:82px;height:21px;background:url(../images/news.gif) no-repeat;padding-left:24px;padding-top:3px;margin-bottom:27px;}
.o{width:82px;height:21px;background:url(../images/o.gif) no-repeat;padding-left:24px;padding-top:3px;margin-bottom:27px;}
.p{width:82px;height:21px;background:url(../images/p.gif) no-repeat;padding-left:24px;padding-top:3px;}
下面上页面：
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="background">
<div id="logo"><img src="images/logo.png" alt="" width="141" height="59" /></div>
<div id="neirong">
<div class="aboutk">
<div class="about">关于我们</div>
<div class="f">留言中心</div>
<div class="z">服务 支持</div>
</div>
<div class="newsk">
<div class="news">新闻快讯</div>
<div class="o">我们的客户</div>
<div class="p">产品 解决方案</div>
</div>
</div>
<div id="copyright">版权所有：佛山市网盛科技有限公司</div>
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
jerryyu810 2009-08-13
应该是css跨浏览器的问题，建议你使用XHTML进行样式和格式化
ldyanstar 2009-08-13
[Quote=引用 7 楼 jerryyu810 的回复:]
应该是css跨浏览器的问题，建议你使用XHTML进行样式和格式化
[/Quote]
怎么实施？麻烦楼上的说明白点。
应该是css跨浏览器的问题，建议你使用XHTML进行样式和格式化
[/Quote]
怎么实施？麻烦楼上的说明白点。
meiking 2009-08-12
要看手机终端使用的是什么浏览器了，做CSS的时候要先考虑各个浏览器之间的兼容性和频幕的尺寸，CSS控制的尽量少用。
Zijian_Zhang 2009-08-12
你的页面不是WAP语言，而是HTML语言，呵呵。
Zijian_Zhang 2009-08-12
网络不同，我记得好像是网关不同的。
xiaodage 2009-08-12
手机网 有什么不一样的吗？ 为什么有时电脑 进入不了 手机网站 ？解释下呗 谢谢
ldyanstar 2009-08-12
[Quote=引用 4 楼 meiking 的回复:]
要看手机终端使用的是什么浏览器了，做CSS的时候要先考虑各个浏览器之间的兼容性和频幕的尺寸，CSS控制的尽量少用。
[/Quote]
现在最主要原因是现在手机浏览器没有一个较为统一的标准，各搞个的。不利于搞我们这些搞wap应用的。
现在要做的是在现有标准下，尽量能够做出一个适于所有手机都可以看的网站。
要看手机终端使用的是什么浏览器了，做CSS的时候要先考虑各个浏览器之间的兼容性和频幕的尺寸，CSS控制的尽量少用。
[/Quote]
现在最主要原因是现在手机浏览器没有一个较为统一的标准，各搞个的。不利于搞我们这些搞wap应用的。
现在要做的是在现有标准下，尽量能够做出一个适于所有手机都可以看的网站。
ldyanstar 2009-08-12
[Quote=引用 3 楼 gingzai777 的回复:]
你的页面不是WAP语言，而是HTML语言，呵呵。
[/Quote]
wap2.0用的dtd是xhtml mp,是可以在手机上看的。
你的页面不是WAP语言，而是HTML语言，呵呵。
[/Quote]
wap2.0用的dtd是xhtml mp,是可以在手机上看的。