【问题标题】:Creating a mobile site [closed]创建移动网站[关闭]
【发布时间】:2013-11-16 18:19:22
【问题描述】:

我目前有一个仅用于计算机显示器的网站,但我想扩展到移动设备,但我有点不确定如何进行。

这就是我认为我应该继续的方式,如果我错了,请纠正我。

我可以在子域上说我的网站的替代版本,比如“m.website.com”,并为移动屏幕提供动态。然后有一些功能来检测它是否在移动设备上加载网站并在需要时重定向。

我也可以通过创建一个网络视图并直接从移动网站显示网页来创建一个 android 应用程序。

就没有其他方法,更好的选择吗?

【问题讨论】:

    标签: android mobile web


    【解决方案1】:

    您所描述的将起作用,但有点过时了。当前的趋势是使您的网站成为“响应式设计”,这是一个流行词,表示您的设计会更改其布局以动态调整用户显示的大小。

    制作精良的响应式网站将重新排列列,将列数从桌面上的 3 减少到移动设备上的 1,并且通常在小屏幕上进行简单的布局。

    这里有几个不错的起点:

    我的一个朋友/同事将这个响应式网站开源,并且很受欢迎,可能是学习一些技巧和最佳实践的好地方:

    【讨论】:

      【解决方案2】:

      您有两种创建移动网站的方法。您可以为其设计一个单独的移动网站,然后托管在 m.website.com 上,或者您扩展您的 CSS 脚本以处理网站的屏幕宽度,然后在您网站的每个页面上,您包含一个元标记来帮助您缩放屏幕宽度,然后确定输出什么 CSS。

      使用下面的链接开始学习以及在线搜索更多教程。

      http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/

      http://www.1stwebdesigner.com/css/create-a-responsive-website-video-tutorial(包含视频和示例脚本)

      http://www.lingulo.com/tutorials/css/how-to-build-a-html5-website-from-scratch

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2010-12-23
        • 2015-08-07
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2010-11-14
        • 2012-10-05
        相关资源
        最近更新 更多