• Buradasın

    Viewport nasıl ayarlanır?

    Yazeka

    Arama sonuçlarına göre oluşturuldu

    Viewport ayarını yapmak için HTML'de 
    <meta>
    etiketi kullanılır     15. Bu ayar, sayfanın farklı cihazlarda nasıl görüntüleneceğini belirler 5.
    Temel sözdizimi:
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    Bu kod, viewport genişliğini cihazın genişliğiyle eşleştirir ve sayfanın başlangıç görüntüleme ölçeğini (zoom seviyesi) %100 olarak ayarlar 5.
    Diğer ayarlar:
    • width
       5. Viewport genişliğini belirtir, 
      device-width
      olarak ayarlandığında cihazın fiziksel genişliğine piksel olarak ayarlanır 5.
    • height
       5. Viewport yüksekliğini belirtir, genellikle yalnızca genişlik ayarlanır ve yükseklik sık sık belirtilmez 5.
    • initial-scale
       5. Sayfanın başlangıç yakınlaştırma seviyesini belirtir, 1.0 cihazın %100 yakınlaştırma düzeyini ifade eder 5.
    • user-scalable
       5. Kullanıcının sayfayı yakınlaştırıp yakınlaştıramayacağını belirtir, 
      no
      olarak ayarlandığında kullanıcı yakınlaştırması devre dışı bırakılır 5.
    Viewport ayarını yapmak için aşağıdaki kaynaklar da kullanılabilir:
    • seoptimer.com 1;
    • youtube.com 2.
    5 kaynaktan alınan bilgiyle göre:

      Yanıtı değerlendir

      5 kaynak

      1. w3schools.in
        1
      2. browserstack.com
        2
      3. w3schools.com
        3
      4. webcebir.com
        4
      5. serbestcihangir.com
        5

    Konuyla ilgili materyaller

    Elementor viewport nedir?

    Elementor viewport — Elementor düzenleyicisinde farklı görüntüleme seçeneklerini (masaüstü, tablet ve mobil) değiştirmenize olanak tanıyan bir simgedir. Bu simge, düzenleyicinin sağ alt köşesinde bulunur ve üzerinde çalıştığınız element için ayarları gerçek zamanlı olarak görmenizi sağlar.
    5 kaynak