2010-01-24 22 views
10

Tôi sẽ tạo phiên bản trang web dành cho thiết bị di động ...Phiên bản di động của trang web của tôi, chiều rộng thiết kế tối ưu là gì?

Tôi nên chọn chiều rộng nào cho thiết kế? Tôi biết rằng mọi thiết bị đều có chiều rộng màn hình riêng và rất khó để phù hợp với tất cả các thiết bị ...

Tôi thực sự bối rối (khá mới đối với thế giới trang web trên điện thoại di động), vui lòng trợ giúp.

Cảm ơn bạn.

+1

Chỉ cần chọn '100%'. – kennytm

Trả lời

5

Cách tiếp cận của bạn sẽ phụ thuộc vào nỗ lực bạn muốn (hoặc có thể) đưa vào điều này và phạm vi người dùng thiết bị di động nào bạn muốn nhắm mục tiêu. Đối với nỗ lực tối thiểu, chỉ cần sử dụng 100% như KennyTM chỉ ra và mong đợi trang web của bạn được duyệt trên màn hình rộng từ 128px đến 480px. Với phương pháp này, bạn cũng sẽ cần phải tránh các chỉ thị xhtml 'nâng cao' như css và div (và javascript) vì hầu hết các trình duyệt di động không thể xử lý một số khía cạnh này. Lên kế hoạch sử dụng bảng để quản lý bố cục. Để có cách tiếp cận nâng cao hơn, bạn có thể sử dụng một dự án mã nguồn mở được gọi là WURFL (http://wurfl.sourceforge.net/) là cơ sở dữ liệu của trình duyệt di động và khả năng của chúng (chiều rộng màn hình, hỗ trợ div, css, hình ảnh, v.v ...). Nó có một thư viện thẻ jsp gọi là WNG nơi bạn viết một lần và thẻ lib sẽ hiển thị html phù hợp nhất để phù hợp với thiết bị của người dùng. Tôi tin rằng đó cũng là một thư viện PHP cho việc này.

Rgds, Kevin.

2

Đối với loại câu hỏi này, tôi rất khuyên bạn nên đọc số MobiForge developers' guide. Rất nhiều lời khuyên hữu ích trong đó, bao gồm cách chọn các thỏa hiệp chắc chắn là do phát triển di động.

+0

Hướng dẫn MobiForge yêu cầu đăng ký tải xuống và đã lỗi thời vì không giải quyết được màn hình có độ phân giải cao và màn hình ppi cao của điện thoại di động hiện đại (320x480 hoặc 480x320 trên iPhone, 800x480/480x800 trên điện thoại Android mới nhất). – MaxVT

+0

Tất nhiên nó đã lỗi thời, những thứ này đã lỗi thời khi chúng được viết. Tuy nhiên, những điều cơ bản của lời khuyên là âm thanh. – skaffman

Các vấn đề liên quan