怎样在不影响原桌面网站的同时开发移动端网站

刘双重
刘双重

发布于 2016-11-27 20:26

282 浏览
0 评论

随着移动互联网的普及,越来越多的人上网的方式是使用手机或平板电脑,相对电脑上网的比重也日趋下降,这就要求网站不仅仅在PC端看起来赏心悦目,在手机上也要有很好的效果。而以前的网站大都只考虑到PC端,有很多公司想继续开发移动端网站,又不想把已经做好的网站推翻重来,那么如何在不影响原桌面网站的同时来开发移动端网站呢?

怎样在不影响原桌面网站的同时开发移动端网站

1、单独制作一个手机网站
这种方式实际上是两个网站,并使用同一个域名的两个主机名,如一个www桌面主网站,一个mobile的手机网站,并通过进入主网站后首先检测浏览设备,如果是移动设备就跳转到手机网站上。因为是两个网站,因此使用这种方式需要同时维护两个网站,所有的后台数据需要同时上传两次,无疑增加了维护成本。

2、单独制作一个手机模板
这种方式,就是针对手机采用另外一种适合手机浏览的排版方式,网站还是同一个,域名也一样,只是在开始浏览网站时先检测设备,如果是手机则调用手机的网页模板。网站采用相同的数据库,因此数据的上传只需要一个后台,上传一次即可,降低了维护成本。这两种方式相对比较独立,手机网站与桌面网站有可能完全不同的风格,因此在设计时要比较注意,以免相差太大。

3、采用百分比的自适应方式
这种方式以各种容器占窗口的百分比来表达各个尺寸,甚至字号也可以采用百分比方式。这样不管浏览器窗口多大,各网页几乎都一模一样。但这种方式比较适合屏幕较大的如iPad一样的移动设备,使用手机浏览可能会因为文字太小而影响到用户体验。因为制作时只用到一个模板,制作起来更为简单。

4、采用分级式的自适应方式
这种方式多采用象素宽度与百分比相结合来自适应屏幕的分辨率,将屏幕尺寸分成一个个级别,如先对最大的宽度调整好界面排版后再针对小一个级别的分辨率进行微调,使得不管采用哪种显示屏都会有最佳的显示效果,同时因为本身就在一个模板的基础上进行调整,所以能保持网页风格上的高度一致。目前采用这种方式可以利用BootStrap框架实现,可以大致分桌面电脑、平板电脑和手机三个级别,当然为了更精细的表现也可以分更多的级别调整,这样工作量也大大增加。

举报 收藏
管理文章:
暂无回应