【问题标题】:Building 'Responsive' Websites for Desktops/iPads/iPhones/Mobiles [closed]为台式机/iPad/iPhone/手机构建“响应式”网站[关闭]
【发布时间】:2013-01-15 14:21:59
【问题描述】:

我目前管理着几个网站。我对为移动设备构建网站并不陌生,但我有一个问题。我的朋友购买了一个模板,当用户从移动设备访问它时,它似乎可以在运行中“构建”网站。

我推测这样的唯一原因是因为当他更新他的网站时,他只会像往常一样更新 HTML。请参阅我所知道的唯一方法是构建两个完全不同的网站,一个用于移动设备,一个用于桌面。

模板如何做到这一点?

【问题讨论】:

  • 如果你能显示一些代码,或者指向有问题的产品,那将非常有帮助
  • 这是一个非常广泛的问题。你看过jquerymobile.comgetskeleton.com之类的东西吗?
  • 这类系统可以使用的技术之一是将 CSS 替换为对小屏幕更友好的版本。但如前所述,要获得更好的答案,请使用更多信息更新您的问题。
  • 不知道模板是什么就很难知道模板是怎么做的
  • 我的意思是,他似乎有一个网站,他会照常更新,并且不知何故,模板也神奇地为他生成了一个移动版本,而无需他创建它。

标签: php jquery iphone mobile


【解决方案1】:

除了一些做类似事情的示例链接之外,真的无法为您提供更多帮助,因为您的问题非常模糊。无论如何,这些应该有助于您理解响应式设计的基础知识。这是一个响应式菜单设计的示例,它根据屏幕大小以整齐的方式增长/缩小

http://codepen.io/TimPietrusky/pen/ysblx

这里有一篇有趣的文章更详细地讨论了这个问题:

http://css-tricks.com/responsive-menu-concepts/

另一个网站,其中包含一些处理调整大小的示例:

http://thinkmobilefirst.net/nav/

事实上,css-tricks 在它的实际站点上也有响应式设计!因此,您始终可以将其视为另一个示例。如果您的问题没有更多信息,除了我自己对您所追求的东西的猜测知识以及关于此事的一些谷歌搜索之外,我真的无法提供更多信息。

【讨论】:

    猜你喜欢
    • 2019-01-21
    • 2013-01-24
    • 1970-01-01
    • 2015-07-10
    • 2015-12-20
    • 1970-01-01
    • 2013-01-21
    • 2021-10-22
    • 2016-04-14
    相关资源
    最近更新 更多