普通网页是怎样转换成手机浏览的网页的?
我想了解一下普通网页是通过什么技术实现在手机显示时 改变布局结构的。
有这样一个网页 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功能。
[解决办法]