欢迎来到奇迪科技(深圳)有限公司,超值服务提供卓越产品!
现在很多手机浏览器,可以说主流的浏览器都支持直接浏览HTML页面了。在制作手机网站的时候,需要考虑以下两个问题即可:
一、低端的WAP手机/浏览器(只支持浏览WML页面):针对这类型的手机/浏览器,需要单独制作WML页面。
二、主流手机/浏览器(支持访问HTML甚至HTML5):针对这类型的手机,不用另外做一个手机站点,可以共用PC网站,但是需要以“自适应浏览器屏幕像素”为标准设计HTML页面,也就是说在不同屏幕像素的手机上浏览页面的时候都不会出现页面错乱即可。为了达到这一点的要求,可以通过CSS来解决,如以下CSS代码:
/*****************屏幕像素在280到320内的屏幕,则以下CSS代码起作用******************************/ @media only screen and (min-width:280px) and (max-width:320px){ .main{ margin:2% auto; width:210px; overflow:hidden; } form .textarea{ width:210px; height:100px; } .intro{ overflow:auto; padding:0 0 5px 0; } }
纯WML制作的页面功能有限制,但是可以结合动态语言(如PHP、ASP、JSP等),以PHP为例,判断是展示XML页面还是展示HTML页面(保存为相对应的动态语言的文本后缀,如PHP:index.php;如ASP:index.asp。以下的是PHP代码):
<?php if(strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') !== false){ header("Content-type: text/vnd.wap.wml"); header("Cache-Control: no-cache, must-revalidate"); header("pragma: no-cache"); echo '<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/DTD/wml13.dtd">'; ?> <wml> <card id="XML" title="XML页面内容"> <p align="center"> 撒发射点发射点 </p> </card> </wml> <?php }else{?> <div id="HTML"> </div> <?php }?> 当然,也可以使用动态语言判断后,直接跳转到相应的页面类型。
本文版权所有,转载须注明:来源 https://www.qvdv.net/qvdv-website-240.html