Tôi đã phát triển webapp của mình với mức thu phóng nhất định trên firefox mà tôi đã đặt ban đầu (sử dụng ctrl + wheel). Bây giờ khi được thử nghiệm trên một PC khác trên firefox, 100% mặc định có vẻ quá lớn. Tôi có thể đặt mặc định bằng css không?cách thiết lập mức thu phóng bằng css
Điều DA nói, thu phóng là cài đặt được người dùng kiểm soát, nhưng bạn có thể điều chỉnh kích thước tương ứng với thu phóng và nếu người dùng không sử dụng kích thước Ctr +, nhưng thay đổi kích thước bằng cách đặt kích thước phông chữ mặc định có thể vượt qua cài đặt mặc định này bằng cách đặt kích thước phông chữ tính bằng pixel (trái ngược với ems,%, v.v.) .... Tuy nhiên, điều này thường được coi là thực hành không tốt vì nó có thể làm cho chữ/kích thước không đọc được và không thể thay đổi đối với một số người, những người không biết về Ctr + - và dựa vào kích thước phông chữ mặc định.
Bạn có thể điều chỉnh kích thước tương ứng với cài đặt mặc định của người dùng và cài đặt thu phóng bằng cách đặt kích thước phông chữ bằng ems hoặc%. Điều này sẽ thay đổi kích thước của những thứ liên quan đến việc đặt kích thước người dùng.
Điều này cho phép bạn làm cho mỗi trang trông sang người khác trông như thế nào với bạn .... vì nhận thức của mỗi người về "nhỏ", "trung bình" và "lớn" là khác nhau.
Thu phóng trang là tính năng của trình duyệt, không phải là cài đặt CSS (tốt, ngoại trừ điều độc quyền của IE, điều này thực sự hữu ích hơn trong việc sửa lỗi IE). có quyền kiểm soát.
<html>
<body>
<div id="sampleDiv" style="width: 100px; background-color: Gray;">
Zoom Me
</div>
<button onclick="sampleDiv.style.zoom='300%'">Zoom 300%</button>
<button onclick="sampleDiv.style.zoom='200%'">Zoom 200%</button>
<button onclick="sampleDiv.style.zoom='100%'">Zoom 100%</button>
</body>
</html>Bạn có thể thiết lập các zoom bằng cách sử dụng CSS tài sản zoom. Đó là một thứ IE cũ cũng được hỗ trợ trong Chrome và Safari.
.zoom
{
zoom: 120%;
}
Tuy nhiên, điều này có lẽ không nên được sử dụng trên các trang web sống ...
này vẫn làm nó xd –