2012-10-31 29 views
5

Tôi đã xem và dường như không có bài đăng nào khác chính xác là những gì tôi đang tìm kiếm, và tôi đang ở hạn chót để thực hiện công việc này để xem liệu tôi có thể giải thích nó không tốt hơn.100% Heights vs Browser Zoom

Chúng tôi có một trang đang được phát triển trên trang web Drupal sử dụng tính năng Slideshow và Chế độ xem trình chiếu. Có rất nhiều yếu tố vị trí tuyệt đối và cố định vì nơi họ cần phải ở trên trang. Div cha cần phải có chiều rộng và chiều cao 100% để lấp đầy trang. Lưu ý rằng điểm của trang này là không có thanh cuộn và hiển thị mọi thứ cho người dùng cho dù họ có kích thước màn hình nào. Vì vậy, tôi có các truy vấn phương tiện làm sạch các yếu tố cần có kích thước màn hình nhất định.

Mặc dù khi người dùng sử dụng trình duyệt của họ để phóng to trang, các yếu tố bắt đầu dịch chuyển và xếp chồng lên nhau. Tôi tin rằng điều này là do chiều cao/chiều rộng 100% được tôn trọng cụ thể cho kích thước cửa sổ và không mở rộng ra ngoài cửa sổ khi người dùng phóng to.

Tôi có thể khắc phục bằng cách xóa 100% và thay thế chúng bằng pixel, nhưng điều này trở thành một vấn đề bởi vì nếu màn hình không đúng chiều cao hoặc chiều rộng, thì bạn có thanh cuộn và người dùng không thấy ngay mọi thứ trên trang.

Có JavaScript hay bất kỳ thứ gì có thể sử dụng chiều cao/chiều rộng 100% và cho phép chúng mở rộng ra ngoài trang và bật thanh cuộn, trong khi thu phóng trình duyệt không?

Hãy nhớ rằng nếu người dùng phóng to thì OK để trang bị tràn và thanh cuộn để hiển thị, nhưng màn hình mặc định này không được phép.

Tôi hy vọng điều này là OK để hiển thị nhưng ví dụ về trang sử dụng Javascript để chia tỷ lệ toàn bộ trang là khá nhiều những gì tôi có thể thấy bản thân mình cần nhưng không biết cách thực hiện.

http://www.ammunitiongroup.com/

Bất kỳ giúp đánh giá cao và nhanh hơn thì càng tốt tất nhiên :)

+0

hmm có lẽ liên kết đó không phải là chính xác những gì tôi muốn. Tôi thích/muốn có khả năng điều chỉnh chiều cao và chiều rộng của trang dựa trên cửa sổ nhưng trang web của họ không phóng to đúng cách nên bỏ qua. – Travis

+0

Bạn đang xem thanh cuộn trong trình duyệt nào? – breezy

+0

@BeEasy Không nhìn thấy bất kỳ thanh cuộn nào tại thời điểm này, đây là vấn đề chính. Nếu tôi đã đặt chiều cao/chiều rộng trang và các phần tử cố định/tuyệt đối, thì thanh cuộn sẽ xuất hiện trong khi phóng to. Mặc dù có chiều cao/chiều rộng 100% và các phần tử cố định/tuyệt đối, không có thanh cuộn nào xuất hiện và nội dung bị xáo trộn trên trang hoặc tràn ra ngoài và bạn không thể nhìn thấy nó. Tôi đã áp dụng tràn: tự động khi cần thiết mà không có lịch phát sóng. – Travis

Trả lời