2010-05-11 8 views
9

Các khái niệm cơ bản để tạo trang web cho thiết bị di động là gì? Tôi đang phát triển một trang đơn giản với một bảng và một số liên kết, nhưng khi tôi mở nó bằng điện thoại Android của mình thì nó quá nhỏ và tôi phải phóng to để xem nó rõ ràng. Thông thường khi tôi truy cập một trang đã sẵn sàng cho các thiết bị di động, tôi có thể thấy nó khá rõ ràng để bắt đầu.Các trang cơ bản về HTML dành cho thiết bị di động

Tôi có thể làm như thế nào?

Chúc mừng.

Trả lời

8

Bạn có thể bắt đầu bằng cách điều chỉnh quy tắc CSS của bạn và sử dụng các thẻ meta phải:

http://learnthemobileweb.com/2009/07/mobile-meta-tags/

http://building-iphone-apps.labs.oreilly.com/ch02.html#ch02_id35932248

Điều đó sẽ giải quyết vấn đề thay đổi kích thước. Đối với tài liệu tham khảo thêm bạn có thể đọc một số chương của cuốn sách này: http://building-iphone-apps.labs.oreilly.com/

đó là nhằm để phát triển ứng dụng web dành cho iPhone, nhưng (kể từ khi iPhone và Android đều sử dụng các trình duyệt webkit) có thể rất hữu ích dành cho Android quá.

Nếu bạn muốn xây dựng giàu tính năng ứng dụng web thì bạn có thể có một cái nhìn tại PhoneGap http://www.phonegap.com/

2

Rất nhiều tùy thuộc vào kích thước màn hình của bạn. Nếu bạn không xây dựng trang web để phù hợp với kích thước màn hình cụ thể, nó sẽ (nhiều lần) mặc định với độ phân giải của trình duyệt chuẩn. Hãy thử đặt chiều cao và chiều rộng CSS của phần tử cơ thể thành thứ gì đó phù hợp cho điện thoại Android của bạn và tải lại trang.

Khi bạn đã có quy mô phù hợp, nó giống như xây dựng bất kỳ trang web nào khác.

1

Bạn có thiết lập loại tài liệu của bạn để XHTML Mobile?

<?xml version="1.0" encoding="utf-8"?> 
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml- mobile10.dtd"> 
+0

Hummm ... Tôi không làm điều đó cả, cảm ơn! – vtortola