Web Geliştirme İngilizcesi · CSS ve Sayfa Düzeni

Viewport ne demek?

Web geliştirmede anlamı, Türkçe karşılığı ve örnek cümleler

/ˈvjuːpɔːrt/isimSık kullanılan terim

Viewport, web geliştirmede görüntü alanı, viewport anlamına gelir.

Web sayfasının tarayıcı penceresinde ya da telefon ekranında görünen alanı; pencere yeniden boyutlandırıldığında ya da telefon döndürüldüğünde boyutu değişir.

English: The visible area of a web page inside the browser window or phone screen, which changes size when the window is resized or the phone is rotated.

Nerede ve nasıl kullanılır?

Responsive sayfalarda viewport meta etiketi (width=device-width, initial-scale=1) bulunmalıdır. CSS'teki vw ve vh birimleri viewport genişliğinin ve yüksekliğinin yüzdesini ifade eder; 'above the fold' ise ilk açılan ekranda görünen alan demektir.

Örnek cümleler

  1. Without the viewport meta tag, the phone shows a tiny desktop version of the page.

    Viewport meta etiketi olmadan telefon sayfanın küçücük bir masaüstü sürümünü gösteriyor.

  2. The hero image should fill the whole viewport on desktop.

    Ana görsel masaüstünde viewport'un tamamını kaplamalı.

Sık kullanılan kalıplar

  • viewport meta tag
  • viewport width
  • small viewports
  • fill the viewport

Bu kelime başka alanlarda

Aynı İngilizce kelime başka bir alanda farklı bir anlama gelebilir:

Aynı konudan: CSS ve Sayfa Düzeni

Seviyene uygun okumayla pekiştir

Yeni kelimelerin kalıcı olmasının en hızlı yolu seviyene uygun metin okumaktır. Seviyene göre ücretsiz İngilizce kitaplar: