Có hướng dẫn nào về cách bố trí đáp ứng tương tự như this one không? Tôi đang tìm kiếm trên toàn bộ internet, nhưng không thể tìm thấy bất kỳ hướng dẫn bình thường, vì tất cả những người khác thay đổi kích thước cửa sổ, và bạn có thể phóng to/zoomin qua iphone.Hướng dẫn bố cục đáp ứng?
Trả lời
Dưới đây là một số blog viết về thiết kế đáp ứng:
Cảm ơn bạn! Hướng dẫn tuyệt vời! –
Ilya Knaup, chia sẻ tuyệt vời !!! Tôi đã tìm kiếm thông tin hữu ích về cách bắt đầu làm việc với bố cục thiết kế đáp ứng. Tôi đang làm việc trên dự án của riêng tôi bây giờ, bằng cách sử dụng twitter bootstrap. Tôi đã đánh dấu toàn bộ các tệp chủ đề của mình bằng chiều rộng cố định là 940px. Và sau đó, tôi nghĩ đến việc chuyển đổi chủ đề này thành một chủ đề đáp ứng. Nhưng tôi không biết bắt đầu từ đâu. Tôi bối rối về truy vấn @media so với mã dựa trên. Nhưng những gì bạn đã đăng là một khởi đầu tốt cho tôi để tìm hiểu những điều về bố cục thiết kế đáp ứng. –
@GaryDapogi Không có vấn đề;) đó là lý do tại sao chúng tôi ở đây để giúp đỡ lẫn nhau;)) cho tôi biết nếu bạn gặp khó khăn hoặc điều gì đó, tôi đã học được một chút về bố cục đáp ứng vì tôi đã đăng câu trả lời này, vì vậy tôi sẽ vui mừng giúp bạn;)) – Ilja
'Treehouse' có khóa học trên đó. Tôi đã làm điều này (Beginners Guide to RWD) và, thành thật mà nói, tôi đã không nhận được nhiều điều đó. Nó thực sự không phải là thực tế.
Trang web thinkvitamin tất cả đều đẹp và đẹp nhưng tôi thích www.lynda.com hơn. Trong khi nói rằng, lynda không có quá nhiều trong cách mới hơn, vật liệu cắt cạnh. Bạn có thể thử cái này (CSS Page Layouts) Bạn không thể tự mình làm điều đó nhưng độ sâu của những thứ trên lynda là tốt vì vậy nếu bạn cần một số gia sư dài hạn, đăng ký trị giá 30 đô la một tháng hoặc bất cứ điều gì.
Ngoài ra, tôi biết cây đã trải qua một trang điểm khá lớn (kết hợp với CSS-tips và whatnot) cho dù đó chỉ là một trang điểm thẩm mỹ của Chris Coyier hay các khóa học tốt hơn, tôi không thể nói khi tôi hủy đăng ký của mình sau hướng dẫn đáng thất vọng về thiết kế web đáp ứng. Tôi nghĩ rằng tôi chỉ làm điều đó một và mặc dù vậy nên nó là một kích thước mẫu khá nhỏ.
Về cơ bản, tất cả những gì bạn cần là các truy vấn phương tiện trong css của bạn để sao chép hành vi của trang web bạn đã cung cấp. Sau đó, chỉ cần áp dụng đúng css cho đúng chiều rộng màn hình/thiết bị ... Không chắc chắn ý bạn là gì "vì tất cả những người khác thay đổi kích thước cửa sổ" - người dùng sẽ không thay đổi kích thước cửa sổ không phải thiết kế? Không chắc chắn những gì bạn đang nhận được ở đó ...
- 1. hướng dẫn tốt cho bố cục lưới 960?
- 2. Hướng dẫn bố cục tab chưa hoàn thành?
- 3. Làm cách nào để có bố cục đáp ứng 16 cột với Twitter Bootstrap 2?
- 4. Đặt chiều cao của phần tử trong bố cục đáp ứng?
- 5. SVG trình duyệt chéo trong bố cục đáp ứng hoặc linh hoạt?
- 6. Tắt MỘT trong các bố cục đáp ứng Bootstrap của Twitter
- 7. Bố cục bố cục trong ứng dụng Android là gì?
- 8. độ rộng Đề xuất bố trí đáp ứng
- 9. Bố cục tab trượt kiểu Youtube trong ứng dụng Android
- 10. Bố cục lưới Vs. Bố cục bảng
- 11. Sử dụng agility.js để bố cục trang và bố cục
- 12. Sửa vị trí nút trong Bố cục có hướng D3
- 13. Menu điều hướng đáp ứng, các mục "tuck under" eachother
- 14. thêm bố cục trong bố cục khác
- 15. Làm cách nào để có được các tiêu đề trang của tôi đổi kích thước bằng bố cục đáp ứng?
- 16. Thứ tự chuyển đổi của các phần tử HTML khi thay đổi bố cục trong Thiết kế web đáp ứng
- 17. MVC4 không sử dụng bố cục chính trên chuyển hướng
- 18. Thay đổi bố cục Xml khi thay đổi hướng
- 19. Cách thêm tiêu đề trong bố cục ngăn điều hướng?
- 20. Quản lý bố cục bên trong Radiogroup định hướng ngang
- 21. Triển khai bố cục theo hướng cố định trong C++
- 22. Bố cục động với bố cục đường ray
- 23. Bố cục Android S3 và bố cục Galaxy Nexus
- 24. Nguyên tắc bố cục iOS ở đâu?
- 25. Tràn với bố cục bố cục tuyệt đối/tương đối
- 26. Cách nhận hướng văn bản trong Android và thay đổi bố cục động theo hướng?
- 27. Phát triển hướng dẫn ứng dụng facebook
- 28. Hướng dẫn ứng dụng Qt Console?
- 29. Hướng dẫn Kiến trúc Ứng dụng Java
- 30. Hộp đèn đáp ứng
Có điều gì đó ở đây: http://stackoverflow.com/questions/6844020/way-to-do-content-adaptation-to-mobile –