为桌面/ iPad / iPhone /手机构建“响应式”网站

时间:2013-01-15 14:21:59

标签: php jquery iphone mobile

我目前管理一些网站。我不是一个建立移动设备网站的新手,但我有一个问题。我的朋友购买了一个模板,当用户从移动设备访问网站时,该模板似乎可以“建立”该网站。

我猜测这种事情的唯一原因是因为当他更新他的网站时,他只会正常更新HTML。看到我所知道的唯一方法是构建两个完全不同的网站,一个用于移动,一个用于桌面。

模板如何做到这一点?

1 个答案:

答案 0 :(得分:0)

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

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

这是一篇有趣的文章,详细介绍了这个问题:

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

另一个网站上有一些处理调整大小的例子:

http://thinkmobilefirst.net/nav/

事实上,css-tricks在它的实际网站上也有响应式设计!所以你总是可以将其视为另一个例子。如果你的问题没有进一步的信息,我提供的不仅仅是我自己对你所追求的事物的猜测。一些谷歌搜索此事。