Web Sitede Zoom yapma (R10+)

Question

Arkadaşlar selamlar , sitede normal %100 halindayken çok yakın gösteriyor.
Fakat %80 her şey harika oluyor. Bunu direk kod ile yapma şansımız varmı ?
https://prnt.sc/pIsP1CwirIUD buradaki zoom dan kastediyorum.

Teşekkür ederim

GGOfis · Answer

* {
zoom: .95 !important;
}css inize bu kodu ekleyebilirsiniz değeri kendinize göre ayarlayabilirsiniz

mellon · Answer

Bu işlem için JavaScript kullanabilirsiniz. Sayfanızın

<head>

bölümüne aşağıdaki kodu ekleyebilirsiniz:

<script>
  window.onload = function() {
    document.body.style.zoom = "80%";
  };
</script>

Bu kod, sayfanızın yüklenmesi tamamlandıktan sonra

 <body>

öğesinin boyutunu %80'e ayarlayacaktır. Tarayıcının varsayılan boyutu üzerinden ölçeklendirme yapacağı için sayfanın tüm öğeleri %80 küçültülmüş olarak görünecektir.

Alternatif olarak, CSS kullanarak da aynı işlemi yapabilirsiniz. Bunun için sayfanızın CSS dosyasına aşağıdaki kodu ekleyebilirsiniz:

body {
  zoom: 80%;
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

Bu kod,

<body>

öğesinin boyutunu %80'e ayarlar ve aynı zamanda -moz-transform, -webkit-transform ve transform özelliklerini kullanarak diğer tarayıcılarla da uyumlu hale getirir. Ancak, bu yöntem tüm sayfa öğelerini değil, sadece <body> öğesini ölçeklendirir. Bu nedenle, sayfanızın tamamının ölçeklendirilmesini istiyorsanız, JavaScript yöntemini kullanmanızı öneririm.