đổi kích thước trang web html cho các độ phân giải màn hình khác nhau

Question

Tôi đã phải làm lại một trang web từ flash sang html/jquery. Mọi thứ đều tuyệt vời. Cho đến khi tôi kiểm tra trang web trên một chiếc netbook có độ phân giải màn hình nhỏ hơn nhiều. Tất cả các yếu tố đều bị lệch hướng hoặc không căng ra như tôi muốn. Hoặc có những thanh cuộn ở mọi nơi.

Vì vậy, như thế nào sẽ làm gì tôi làm cho nó căng hoặc thay đổi kích thước đúng,

Có một tài sản mà tôi có thể thiết lập một nơi nào đó sẽ thay đổi kích thước tất cả mọi thứ tương ứng?

Answer 1

Bạn nên sử dụng chiều cao/chiều rộng theo tỷ lệ phần trăm (%) thay vì px/em. thay đổi tệp css.

Answer 2

Có tài sản nào tôi có thể đặt ở đâu đó có thể thay đổi kích thước mọi thứ tương ứng không?

Mọi thứ? Không. Kích thước phông chữ sẽ không điều chỉnh dựa trên kích thước cửa sổ (ít nhất là không có JS).

Bạn có thể đặt độ rộng của hầu hết mọi thứ bằng cách sử dụng đơn vị phần trăm trong bảng định kiểu của bạn, nhưng thậm chí sau đó sẽ có một điểm mà mọi thứ sẽ bị hỏng.

Mật khẩu hiện tại là responsive web design (Tôi không thể nhận xét về chất lượng của các liên kết từ trang đó) trong đó media queries được sử dụng để cung cấp các thiết kế khác nhau cho các trình duyệt có kích thước khác nhau.

Answer 3

Có tài sản nào tôi có thể đặt ở đâu đó có thể thay đổi kích thước mọi thứ tương ứng không?

Không, tôi muốn: P Bạn cần phải làm lại bố cục để làm cho nó liquid hoặc sử dụng truy vấn phương tiện để làm cho nó responsive đến các độ phân giải khác nhau. Tôi sợ cả hai giải pháp có thể khá phức tạp.

Answer 4

tiếc là không có "ma thuật" làm tăng/giảm mọi thứ. tôi có thể nghĩ ra một số hướng dẫn:

1. Sử dụng độ rộng tương đối của vật (tỷ lệ) thay vì giá trị tuyệt đối
2. không kích cỡ Hardwired, giữ chúng trong tài liệu CSS riêng biệt
3. làm việc theo cách của bạn lên: chọn một độ phân giải tối thiểu, làm việc trở lên từ nó. nó làm cho việc định kích thước dễ dàng hơn nhiều.

Answer 5

Thuộc tính được gọi là Media Query chúng tôi chủ yếu sử dụng thuộc tính này với Responsible Web Design. Trong đó chúng tôi yêu cầu các trình duyệt thay đổi thuộc tính css cụ thể tại số screen size cụ thể đó.

Kiểm tra bài viết này để biết thêm http://css-tricks.com/6206-resolution-specific-stylesheets/

& cho Responsible Web Design chủ yếu sử dụng giá trị trong Percentage thay vì Pixels.

Kiểm tra trang web THIS để tham khảo thêm.

Answer 6

Câu hỏi là RESIZE không phải REALIGN.Việc sử dụng phần trăm sẽ chỉ thay đổi WHERE các phần tử HTML hiển thị trên trang. Nó sẽ không thay đổi SIZE của họ.

Answer 7

bạn có thể sử dụng với và chiều cao theo tỷ lệ phần trăm để đặt màn hình của bạn cho tất cả các lần gửi lại..Độ rộng 100% cho phần thân và div bạn muốn cho chiều rộng 100%.