it-swarm.cn

为iPad设计

我希望通过iPad可以访问我的网站(例如,完全可用)。

我需要做什么?

2
George Stocker

一般来说(错误...写作)您需要做的就是针对HTML 5和Safari特定的CSS3规则,创建渐变,阴影等...

添加一些 Apple Devices Specific标签 喜欢

<meta name="Apple-mobile-web-app-capable" content="yes">
<meta name="Apple-mobile-web-app-status-bar-style" content="black">
<meta name = "viewport" content = "width = device-width">

请记住,您可以在水平模式下使用css,在垂直模式下使用其他css

<link rel="stylesheet" media="all and (orientation:portrait)" href="css/portrait.css"> 
<link rel="stylesheet" media="all and (orientation:landscape)" href="css/landscape.css"> 

顺便说一句,如果你想创造一个本地的视觉,我建议你看 JQtouchSencha

请记住触摸设备中不存在某些事件,例如“点击”(尽管大部分时间都可以正常工作),“鼠标悬停“等等... JQTouch和Sencha已经配置为给你一个”点击“事件并且更多事件Apple特定于设备。

5
balexandre

有一个伟大的在线工具,用于进行iPad目标网页设计:

ipadpeek.com

在线为您提供全尺寸的iPad/Safari模拟器。

4
Gary.Ray

我强烈建议您在开发时使用实际设备测试您的网站。

3
Oren Hizkiya

看看这篇文章;这是一个很好的液体布局技术,可以让你的网站在iPad,30英寸显示器甚至你的iPhone上看起来很棒;) http://www.alistapart.com/articles/responsive-web-design/

1
D4V360

IPad主要使用浏览器Safari - 或改变其自己的版本,因此确保它的工作原理是一个很好的起点,如果你没有设备来测试它,那么首先检查正常的safari。从这里你应该能够找到一个模拟器。

其他移动浏览器可以作为应用程序下载,我知道opera已经点击了自己的应用程序进行浏览,而firefox刚刚实现了第一版,尽管目前仅在诺基亚上。

0
Lizard

由于iPad上的Safari浏览器是一般分发中最先进的浏览器,因此您可以使用所有最新的CSS3和HTML5技术,而无需支持旧的非标准兼容浏览器。

0
Dan Gayle