Tôi vừa mới bắt đầu trang web HTML thích hợp đầu tiên của mình cho một người bạn, và tôi đã tự hỏi làm cách nào để tôi có thể truy cập trang web để tự động trang?Làm cách nào để có trang tự động vừa với cửa sổ?
Đó là thiết kế phong cảnh không cần cuộn.
bạn có thể sử dụng css để làm điều đó ví dụ
<style>
html{
width:100%;
height:100%;
}
body{
width:100%;
height:100%;
background-color:#DDD;
}
</style>
màu nền là chỉ để cho bạn thấy – user1825286
Bạn nên đặt body và html-position:fixed;, và sau đó đặt right:, left:, top:, và bottom:-0;. Bằng cách đó, ngay cả khi nội dung tràn nó sẽ không mở rộng quá giới hạn của chế độ xem.
Ví dụ:
<html>
<body>
<div id="wrapper"></div>
</body>
</html>
CSS:
html, body, {
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
}
Caveat: Sử dụng phương pháp này, nếu người dùng làm cho cửa sổ của họ nhỏ hơn, nội dung sẽ được cắt bỏ.
Nếu trong cảnh quan, bạn sẽ cần chiều rộng và chiều cao ít hơn! Đó chỉ là những gì tất cả các trang web có.
Cho phép thực hiện phần đầu tiên cơ bản rồi phần còn lại!
CSS cơ bản:
By CSS bạn có thể làm điều này,
#body {
width: 100%;
height: 100%;
}
Ở đây bạn đang sử dụng một div với id cơ thể, như:
<body>
<div id="body>
all the text would go here!
</div>
</body>
Sau đó, bạn có thể có một trang web có chiều cao và chiều rộng 100%.
Điều gì xảy ra nếu anh ta cố gắng định lại kích thước cửa sổ?
Sự cố bật lên, điều gì xảy ra nếu anh ta cố gắng định lại kích thước cửa sổ? Sau đó, tất cả các phần tử bên trong #body sẽ cố gắng làm hỏng giao diện người dùng. Cho rằng bạn có thể viết này:
#body {
height: 100%;
width: 100%;
}
Và chỉ cần thêm min-heightmax-heightmin-width và max-width.
Bằng cách này, phần tử trang sẽ ở tại vị trí của trang khi tải trang.
Sử dụng JavaScript:
Dùng JavaScript, bạn có thể kiểm soát các giao diện người dùng, sử dụng jQuery như:
$('#body').css('min-height', '100%');
Và tất cả các thuộc tính CSS còn lại khác, và JS sẽ chăm sóc của giao diện người dùng khi người dùng đang cố gắng thay đổi kích thước cửa sổ.
Làm thế nào để không thêm cuộn vào trang web:
Nếu bạn không cố gắng để thêm một cuộn giấy, sau đó bạn có thể sử dụng JS
$('#body').css('min-height', screen.height); // or anyother like window.height
Bằng cách này, các tài liệu sẽ được một chiều cao mới bất cứ khi nào người dùng tải trang.
Tùy chọn thứ hai tốt hơn, bởi vì khi người dùng có độ phân giải màn hình khác nhau, họ muốn có một trang CSS hoặc Style được tạo cho màn hình của riêng họ. Không phải cho người khác!
Mẹo: Vì vậy, hãy thử sử dụng JS để tìm kích thước màn hình hiện tại và chỉnh sửa trang! :)
@JoshC Chúng tôi đều là người học. Cố gắng kiềm chế sự mỉa mai. – fred02138
Mở lại câu hỏi này, hữu ích của nó tại sao lại đóng nó? –
trong sự thật .. có rất nhiều mỉa mai ở đây [ngăn xếp tràn] .. khi tất cả các bạn đang tìm kiếm là một số hỗ trợ ... trong một thời gian tôi chỉ bỏ qua trang web này ... – albruno