Tekil Mesaj gösterimi - Web Sitede Zoom yapma (R10+) - R10.net

Konu Web Sitede Zoom yapma (R10+)

22-03-2023, 15:17:00

#3

mellon
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.