在这种情况下,响应式设计是否可行?

时间:2012-05-02 21:54:40

标签: html css responsive-design

我编写了一个非常复杂的PHP游戏,大约有40页。我现在正在设计它。在这种情况下,响应式设计是否是正确的选择?还有哪些其他选择?也许我应该制作三种布局(3种不同的样式表 - 普通,平板电脑和手机)?

由于页面太多,所以这些元素似乎是一项荒谬的工作。

2 个答案:

答案 0 :(得分:2)

从html / css的角度来看,创建一个响应式网站并不困难,虽然我不确定你的php会如何影响它。实际上,您总是拥有相同的类/ ID,并且只需使用媒体查询(在同一工作表内)将样式应用于它们。这意味着要编写3个单独的工作表需要付出更多的努力,但是再次:取决于您的代码。一般来说,诀窍就是拥有良好的语义,干净的代码(例如明智地使用位置)。首先需要一些时间来整理所有内容,但是一旦你掌握了基本结构,并且考虑到了响应能力,它就变得非常简单。那40页应该都有相同的结构,对吗?

另一种选择是液体设计。您可以使用百分比或动态度量来代替更改样式。但是我强烈推荐网格,你只需要做一次,并且不会很长,直到每个人都做响应网站。

但如果游戏很复杂且需要进行一些严肃的调整,你应该考虑为手机做一个完全独立的事情(平板电脑应该很容易适应,你的选择)。这实际上取决于产品设计,320px宽的东西看起来非常不同。祝你好运!

答案 1 :(得分:0)

如果所有设备上的内容都相同,并且您无法想出将代码分叉以便为不同设备提供不同内容的充分理由,则可以采用响应式设计。