Mobil: sayfa telefona sığıyor mu? Mobile

Telefon simgesi sayfayı gerçek telefon genişliğinde açar. Bir şeyin kenardan taşıp taşmadığını veya çok küçük olup olmadığını hemen görürsün.

1Bu nedir?

Mobil kontrol geçerli sayfayı 360, 390 veya 430 piksel genişliğinde bir pencerede açar ve içeriğin pencereden geniş olup olmadığını ölçer. Ayrıca viewport etiketi ve en küçük yazı boyutu.

2Neden önemli?

Google sayfanın mobil sürümünü değerlendirir. Sağa taşan bir tablo veya max-width olmayan bir görsel tüm sayfayı kullanışsız yapar ve bu masaüstünde görünmez.

3TagSpion neyi kontrol eder

4Nasıl düzeltilir

• Viewport etiketini ayarla, görselleri ve tabloları max-width: 100 % ile sınırla, tabloları kaydırılabilir bir kapsayıcıya koy.

<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
  img, video, table { max-width: 100%; height: auto; }
  .table-wrap { overflow-x: auto; }   /* <div class="table-wrap"><table>…</table></div> */
</style>