首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 服务器 > 应用服务器 >

普普通通网页是怎样转换成手机浏览的网页的

2013-04-26 
普通网页是怎样转换成手机浏览的网页的?我想了解一下普通网页是通过什么技术实现在手机显示时 改变布局结

普通网页是怎样转换成手机浏览的网页的?
我想了解一下普通网页是通过什么技术实现在手机显示时 改变布局结构的。

有这样一个网页  http://test/surveys/survey.jsp?survey_id=123

在用手机浏览   http://m.com/http/test/surveys/survey.jsp?survey_id=123
的时候 它的布局和结构会改变成手机方便观看的页面
在这里除了http://test/   与  http://m.com/http/test/  不同  
surveys/survey.jsp?survey_id=123  目录文件内容都是一样的 

知道这是怎样实现的吗  用的什么技术?  难道在was端可以配置吗? 


[解决办法]
样式控制

wapcss
[解决办法]
1.一种是通过样式的正确设定,产生自适应效果,根据浏览设备的宽高尺寸自然显示得体的布局。通常是利用宽高设置百分比和AUTO,OVERFLOW:HIDDEN等等。细节比较多,多学学CSS就知道了。
  这种情况适用于页面很简单的情况。

2.另一种是通过后台程序可以判断浏览的设备类型,根据这个来完全给出不同的样式和内容。这样的话,即使你在电脑上用一个小窗口打开页面,页面仍然会显示一个适用于电脑的大布局,让你拉大窗口以查看适于电脑显示的内容。
  这种情况适用于希望页面内容根据设备不同而显示很不相同的结果,如果是电脑设备就显示较多的内容,并可以加上更多的JS交互功能。
  虽然第一种情况也可以通过隐藏而达到兼容较多适于电脑显示的内容,但却不必要地加大了传输时间,这个对于手机用户来说是有明显影响的。而且有些JS不能用于手机浏览器。如果要照顾到一些低端手机用户,更是只能提供比较简陋、功能受限的WHTML和WSCRIPT功能。
[解决办法]

引用:
有这样一个网页 http://test/surveys/survey.jsp?survey_id=123
在用手机浏览 http://m.com/http/test/surveys/survey.jsp?survey_id=123
的时候 它的布局和结构会改变成手机方便观看的页面
在这里除了http://test/ 与 http://m.com/http/test/ 不同   

楼主你说的这种情形,就是第一种。因为后台处理都一样(当然如果是我上面说的第二种情形,电脑页面可能会处理更丰富的内容),所以这个通过后台处理地址(包括受理的参数)进行完处理后会调用适用于手机显示的样式。

如你后来所说“文件内容都是一样的”。就是这样。如果表现很不同,则才算花了点心思。

热点排行