2012-04-08 44 views
5

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?

+0

Có điều gì đó ở đây: http://stackoverflow.com/questions/6844020/way-to-do-content-adaptation-to-mobile –

Trả lời

16
+0

Cảm ơn bạn! Hướng dẫn tuyệt vời! –

+1

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. –

+0

@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

2

'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 ở đó ...

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