iPhone的网站主题 - 什么是基本成分？ - 编程

Has anybody made a website theme for the iPhone?

有没有人为iPhone制作网站主题?

Please let me know any tips or resources.

请告诉我任何提示或资源。

Here's my theory: How to make a website theme for iPhone

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

Create a website theme designed for desktop monitors. Try not to make any element larger than 320px (iPhone screen resolution).
创建专为桌面监视器设计的网站主题。尽量不要使任何大于320px的元素(iPhone屏幕分辨率)。
Create 2 style sheets. One for desktop monitors and another for iPhone. By default, the desktop version of the style sheet is called. The iPhone style sheet would display items in such a way that they fit inside the 320px resolution.
创建2个样式表。一个用于桌面显示器,另一个用于iPhone。默认情况下,将调用样式表的桌面版本。 iPhone样式表将以适合320px分辨率的方式显示项目。
Create JavaScript file that detects Screen Size. If screen size is less than than 321px, then the style sheet is replaced by the iPhone version style sheet.
创建检测屏幕大小的JavaScript文件。如果屏幕尺寸小于321px,则样式表将替换为iPhone版本样式表。

2 个解决方案

Liquid layouts work well. When you switch from landscape to portrait and back on the iPhone, text reflows. I've used this one.

液体布局效果很好。当您从横向切换到纵向并返回iPhone时,文本会重新流动。我用过这个。