【问题标题】:Website Theme for IPhone - What are The Basic Ingredients?iPhone 的网站主题 - 基本成分是什么?
【发布时间】:2010-11-06 05:05:08
【问题描述】:

有人为 iPhone 制作过网站主题吗?

请让我知道任何提示或资源。

这是我的理论:如何为 iPhone 制作网站主题

  1. 创建专为桌面显示器设计的网站主题。尽量不要让任何元素大于 320px(iPhone 屏幕分辨率)。

  2. 创建 2 个样式表。一个用于桌面显示器,另一个用于 iPhone。默认情况下,会调用样式表的桌面版本。 iPhone 样式表将以适合 320 像素分辨率的方式显示项目。

  3. 创建检测屏幕大小的 JavaScript 文件。如果屏幕尺寸小于 321px,则样式表将替换为 iPhone 版本的样式表。

【问题讨论】:

    标签: javascript iphone css


    【解决方案1】:

    液体布局效果很好。当您在 iPhone 上从横向切换到纵向并返回时,文本会重排。 I've used this one.

    【讨论】:

    • 很好的例子。不过,我正在尝试做一些不同的事情。我想为桌面使用多列布局,为 iPhone 使用单列布局
    • 你看过 iUi 和 jQTouch 吗?
    • 是的,但我希望将主题应用到现有的 CMS,所以这些看起来有点矫枉过正。不过我可能可以借一些 CSS...
    【解决方案2】:

    查看 IUI,它为您的网站/应用程序提供了非常类似于 iPhone 的 UI。 (免费!)

    例子:

    【讨论】:

    • IUI 看起来很棒,但我不确定它是否符合我的要求。此外,文档很少。我正在尝试为电子商务网站制作一个主题,该主题将在 iPhone 和桌面上以不同方式显示。
    • 不用担心,如果您想要 iPhone 样式的基础,这可能会有所帮助。
    猜你喜欢
    • 2010-12-21
    • 2010-10-30
    • 2010-10-08
    • 1970-01-01
    • 2010-11-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多