it-swarm-vi.com

Thiết kế cho iPad

Tôi muốn trang web của tôi có thể truy cập được (ví dụ: hoàn toàn có thể sử dụng được) thông qua IPad.

Tôi cần phải làm gì?

2
George Stocker

Nói chung (viết sai ... viết) tất cả những gì bạn cần làm là nhắm đến các quy tắc CSS3 cụ thể của HTML 5 và Safari, để tạo độ dốc, bóng, v.v ...

Thêm một số Thẻ cụ thể của thiết bị Apple thích

<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">

hãy nhớ rằng bạn có thể sử dụng một css ở chế độ ngang và khác ở chế độ dọc

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

nhân tiện, nếu bạn muốn tạo một hình ảnh giống nhau, tôi khuyên bạn nên xem JQtouchSencha

hãy ghi nhớ rằng một số sự kiện không tồn tại trong Thiết bị cảm ứng, như "nhấp chuột" (mặc dù phần lớn thời gian này chỉ hoạt động tốt), "mousehover ", V.v ... JQTouch và Sencha đã được định cấu hình để cung cấp cho bạn một sự kiện" chạm "và chỉnh sửa thêm các sự kiện Apple Thiết bị cụ thể.

5
balexandre

Có một công cụ trực tuyến tuyệt vời để thực hiện thiết kế web nhắm mục tiêu iPad:

ipadpeek.com

Cung cấp cho bạn một trình giả lập iPad/Safari kích thước đầy đủ trực tuyến.

4
Gary.Ray

Tôi đặc biệt khuyên bạn nên có một thiết bị thực tế để kiểm tra trang web của bạn khi bạn phát triển.

3
Oren Hizkiya

Kiểm tra bài viết này; Đó là về một kỹ thuật tuyệt vời cho bố cục chất lỏng sẽ làm cho trang web của bạn trông tuyệt vời trên iPad, màn hình 30 "và thậm chí cả iPhone của bạn;) http://www.alistapart.com/articles/responsive-web-design/

1
D4V360

IPad chủ yếu sử dụng trình duyệt Safari - hoặc sử dụng phiên bản riêng của nó, vì vậy hãy đảm bảo rằng nó hoạt động trên đó là một điểm khởi đầu tốt, nếu bạn không có thiết bị để kiểm tra thì hãy kiểm tra safari bình thường trước. Từ đây bạn sẽ có thể tìm thấy một trình giả lập.

Các trình duyệt di động khác có thể được tải xuống dưới dạng ứng dụng, tôi biết opera có ứng dụng riêng để duyệt, cũng như firefox mới nhận ra phiên bản đầu tiên mặc dù hiện tại nó chỉ có trên Nokia.

0
Lizard

Vì trình duyệt Safari trên iPad là trình duyệt tiên tiến nhất trong phân phối chung, bạn có thể sử dụng tất cả các kỹ thuật CSS3 và HTML5 mới nhất mà không cần phải hỗ trợ cho các trình duyệt không tuân thủ tiêu chuẩn cũ hơn.

0
Dan Gayle