制作一个简单的单页网站,准备在iPhone上浏览

时间:2012-04-07 07:04:04

标签: html css mobile-safari mobile-website

我对网页设计非常陌生,只为我的iOS应用here创建了一个简单的单页网站。我现在想要这样做,以便当在iPhone上打开这个页面时,整个事情都缩小了,因为现在页面的右半部分没有显示。根据我的理解和research so far,我需要使用媒体查询并为移动设备创建单独的CSS样式表。但是,我觉得对于这样一个简单的页面,应该有一个更简单的解决方案与一些即插即用的代码。由一个简单的条件类型语句组成的东西,检查用户是否在移动设备上,如果是,则给出页面的新维度。除了关于web开发的html,css和javascript的基础知识外,我真的不知道任何事情,所以我们非常感激这些简单的解释。

2 个答案:

答案 0 :(得分:0)

我认为你必须选择http://www.jquerymobile.com这是一个非常好的移动网络框架。

答案 1 :(得分:0)

您可能希望尝试使用viewport meta-tag,而不是创建特定于移动设备的页面。桌面浏览器不使用该标记,但它会缩放您在移动设备屏幕上看到的大小。您还可以查看Apple's guidelines以获取更多信息。