Menü
Bedava
kayıt
ev  /  Tavsiye/ Uyarlamayı kontrol edin. Duyarlı tasarım nasıl test edilir? Görünüm alanı meta etiketi değeri ayarlanmadı

Adaptasyon kontrolü. Duyarlı tasarım nasıl test edilir? Görünüm alanı meta etiketi değeri ayarlanmadı

Selamlar! Şimdi site duyarlılığı hakkında konuşma zamanı. Muhtemelen bildiğiniz gibi, bu çok önemli bir parametredir. Tablet ve akıllı telefon kullanıcılarının sayısı her geçen gün artıyor. Blogum, trafiğin %30'unu mobil cihazlardan alıyor. Mobil trafik yüzdesi arttığında, uyarlanabilir düzen hakkında düşünmeye başladım, size de tavsiye ediyorum. Sana ne verecek? Bu, hem arama robotlarının hem de ziyaretçilerin bloga olan bağlılığını artıracaktır.

Çok sayıda bile duyarlı tasarımlarla geliyor. Elbette tasarım her zaman yüksek kalitede yapılmaz, bu yüzden her türlü düzenlemeyi ve iyileştirmeyi kendi başınıza yapmanız gerekir. Site duyarlılığı nasıl kontrol edilir? Bunun için birçok faydalı araç ve hizmet var.

Web sitenizin tasarımının, tarayıcıların yerleşik işlevlerini ve çeşitli çevrimiçi hizmetleri ne kadar duyarlı ve kaliteli kullandığını kontrol edeceğiz. Pekala, başlayalım mı? Önce çevrimiçi hizmetlerle başlayalım.

Çevrimiçi web sitesi yanıtını kontrol etmek için 7 hizmet

1. Çevrimiçi hizmet ami.responsivedesign.is

Hizmetin ana sayfasına geldiniz.

En alta gidin ve giriş alanına blogunuzun adresini yazın. "Git" düğmesine tıklayın.

Bir süre sonra, farklı cihazlarda sitenin yanıt verebilirliğinin kontrolünü görebileceksiniz. Servis çok iyi ama ufak bir kusuru var. Ve en popüler kararların birçoğunda uyarlanabilirlik gösterememesi gerçeğinde yatmaktadır.

Tabletler ve cep telefonları farklı ekran boyutlarına ve buna bağlı olarak farklı çözünürlüklere sahiptir. Bu nedenle, bu hizmetten tam bir analiz beklemeyeceksiniz))).

2. Çevrimiçi hizmet deviceponsive.com

Buradaki her şey önceki hizmettekiyle aynı. Site adresini giriş alanına yapıştırın ve "Git" e tıklayın.

Şimdi 1280 x 800 piksel çözünürlüğe sahip ilk "MacBook" cihazını göreceğimiz yerde biraz daha aşağı inmemiz gerekiyor.

Sayfayı aşağı kaydırabilir ve gerekli öğelere tıklayabilir ve yanıt verme durumunu kontrol edebilirsiniz. Aşağı kaydırırsanız, projenizin 1280x800 ile 320x240 piksel arasında değişen diğer cihazlarda nasıl göründüğünü göreceksiniz. Bu hizmet, öncekinden farklı olarak size resmin tamamını gösterecektir.

3. Çevrimiçi hizmet responsinator.com

Sol üst köşede, kaynağınızın adını pencereye girin, "Git" e tıklayın. Sayfa yüklenirken biraz beklemeniz gerekecek ve sonucu görebilirsiniz.

Cihazların her bir ekranının genişliği burada imzalanmıştır ve burada bolca vardır.

4. Çevrimiçi hizmet quirktools.com

Sitenin yanıt verebilirliğini çevrimiçi olarak kontrol edebileceğiniz başka bir hizmet. Web sitesinin adını alana girin ve "Git" e tıklayın.

Burada sevdiğim şey, hizmetin TV'nin bile uyarlanabilirliğini gösterebilmesidir))).

5. Çevrimiçi hizmet symby.ru

Bildiğiniz adımları takip ediyor ve sonucun tadını çıkarıyoruz.

6. Çevrimiçi hizmet responsive.is

Site yanıt verme testi için harika bir proje. Telefonlar ve tabletler için birçok ekran çözünürlüğü vardır.

7. Çevrimiçi hizmet mattkersley.com

Duyarlı tasarım için bir web sitesini kontrol etmek için en basit hizmet. Hemen hemen tüm bilinen mobil cihaz çözünürlükleri burada mevcuttur.

Mozilla tarayıcısını kullanarak siteyi mobil cihazlara yanıt vermek için kontrol edin

Ünlü Mozilla Firefox tarayıcısı zengin işlevselliğe sahiptir. Bunu Mozila'nın araçlarından kullanarak sitenin yanıt verme durumunu kontrol edeceğiz. Aşağıdaki adımları gerçekleştiriyoruz: "menü" - "geliştirme" - "uyarlanabilir tasarım" a gidin. Bu işlemler, aynı anda birkaç ++ [M] tuşuna basılarak klavye kullanılarak yapılabilir.

Atılan adımlardan sonra aşağıdakileri göreceksiniz.

Çözünürlüğü değiştirerek projenizin mobil izleyicilere nasıl görüntülendiğini görebilirsiniz.

Google site yanıt denetimi

Mega dev Google Chrome'un yardımıyla projenizin yanıt verebilirliğini de test edebilirsiniz. Aşağıdakileri yapıyoruz: "menüye", ardından "Ek araçlar" ve "geliştirici araçları ()" öğesine gidin.

Sitenin yanıt verme hızının kontrol edilmesi Yandex

Siteyi Yandex'e uyarlanabilirlik açısından kontrol etmek istiyorsanız, Yandex'e kaydolmanız gerekir. Web yöneticisi. Web yöneticisine gidiyoruz, ardından "Mobil sayfaları kontrol etme" öğesini buluyoruz, bu öğeye tıklayın ve sonucu görüyoruz.

Çözüm

Bence günlük web sitesi tasarımınızda Google ve Mozilla tarayıcılarının işlevselliğini kullanmak daha kolay olacaktır. Ruhunuzu sakinleştirmek için sitenin uyarlanabilirliğini kontrol etmek için çevrimiçi hizmetleri kullanın. Projenizi uyarlanabilirlik açısından kontrol edin, değişiklik yapın, hataları düzeltin. Benim için bu kadar. Herkese hoşçakalın!

Saygılarımla, Vyacheslav Koptyakov!

Bugün artık kimseyi sitenin mobil versiyonuna olan ihtiyaç konusunda ikna etmeye gerek yok. Sonuçta, her gün akıllı telefonlardan ve tabletlerden daha fazla ziyaretçi var. Bu yazının yazıldığı sırada, blog ziyaretçilerimin yaklaşık %20'si gezinmek için mobil cihazları kullanıyor. Yani, her beşte biri bir telefondan veya tabletten siteme geliyor.

Birkaç yıl önce bu tür ziyaretçileri düşünmedim bile, ancak sayıları toplam sayının %10'unu aştığında, duyarlı bir düzen kullanmaya başladım. Bu, içeriğin mobil cihazlarda doğru bir şekilde görüntülenmesini ve hem ziyaretçilerin hem de arama motorlarının siteye olan bağlılığını artırmayı mümkün kıldı.

Sitenin mobil versiyonu ile responsive tasarımı aynı şey değildir. Bu makale, ziyaretçinin cihazının ekran çözünürlüğüne bağlı olarak site tasarımı değiştiğinde duyarlı düzeni test etmeye odaklanacaktır.

Sitenizin mobil cihazlarda doğru görüntülendiğinden emin olmak için kontrol etmeniz gerekir ve bunun için birkaç faydalı hizmet ve araç vardır.

Duyarlı düzen için hızlı kontrol

Popüler İnternet tarayıcısı (tarayıcı) Mozilla Firefox web sitesi tasarımının mobil cihazlarda görüntülenmeye uygunluğunun kontrol edilmesi için yerleşik araçlarla donatılmıştır. Kullanmak için "Menü" - "Geliştirme" - "Duyarlı Tasarım"a gidin. Veya klavyede aynı anda üç tuşa basın ++ [M]

Aşağıdaki gibi bir şey görmelisiniz:


Ekran çözünürlüğünü ve yönünü değiştirerek sitenizin mobil ziyaretçilere nasıl görüntüleneceğini kontrol edebilirsiniz.

Google Tarayıcı Krom ayrıca site tasarımının yanıt verme hızını kontrol etmek için yerleşik desteğe sahiptir. Bunu yapmak için menüye gidin, "Ek araçlar" öğesini ve ardından "geliştirici araçları" öğesini seçin (veya ).

Bundan sonra, duyarlı tasarım simgesine tıklayın (veya aynı anda klavyeye tıklayın ++ [M]):

Ekranın ortasında, sitenizin mobil cihazların ekranlarında nasıl görüneceğini göreceksiniz:

SEO mobil tasarım testi

Bildiğiniz gibi, iki dünya arama lideri Google ve Yandex, sitenin mobil cihazların ekranlarında nasıl görünmesi gerektiğine dair kendi arsız fikirlerine sahipler. Ve site mobil ziyaretçiler için uygunsuz olarak kabul edilirse, arama sonuçlarında aşağı iner. Dolayısıyla, SEO açısından bakıldığında, mobil ziyaretçileri kaybetmek istemiyorsanız, yalnızca responsive bir tasarıma sahip olmanız yetmez, aynı zamanda arama motorlarının da bunu mobil cihazlara uygun olarak düşünmesi gerekir.

Google hizmetini kullanarak uyarlanabilirliği kontrol etmek için aşağıdaki adrese gidin ve sitenizin adını yazın: https://www.google.com/webmasters/tools/mobile-friendly/.

Blogumu kontrol etmenin sonucu şöyle görünüyor:

Yandex ile biraz daha karmaşıktır, doğrulama için Yandex.Webmaster hizmetine kaydolmak ve arayüzün beta sürümünü kullanmak gerekir:

Uyarlanabilirliği test etmek için çevrimiçi hizmetler

Bu hizmetlerin ana görevi, sitenizin bir mobil cihazda nasıl görüneceğini sunmaktır (göstermektir). Bu tür işlevselliğe sahip birçok site var. Ben sadece birkaç tanesini vereceğim. Çoğu durumda, FireFox ve Chrome'un yerleşik işlevlerini çoğaltırlar.

Google yeniden boyutlandırıcı

Kendi duyarlı tanıtım hizmetine sahip Google ile yeniden başlayacağım: http://design.google.com/resizer/#

Quirktools ekran sineği

İkinci güzel hizmet ise http://quirktools.com/screenfly/. Sitenizin TV'de bile nasıl görünebileceğini size gösterecek!

Symby.ru adaptörü

Peki, "yerli üreticiyi" rahatsız etmemek için başka bir site örneği vereceğim: http://symby.ru/adaptest/. Bir sayfada, farklı ekran çözünürlüklerinde aynı anda birkaç görünüm göreceksiniz.

Sitenin mobil versiyonunun hızı

Sitenizin duyarlı olduğundan ve çoğu cihazın ekranlarında doğru görüntülendiğinden emin olduktan sonra, çalışma hızını kontrol etmelisiniz. Yine mobil ziyaretçilere uygulandı.

Sayfa Hızı Analizleri

Google, her zaman olduğu gibi diğerlerinden önde: https://developers.google.com/speed/pagespeed/insights/. Bu hizmet size sitenin telefon ekranında nasıl göründüğünü gösterecek ve mobil cihazlarda yükleme hızını artırmak için kodun nasıl optimize edileceğine dair önerilerde bulunacaktır.

Web Sayfası Testi

Ve sonuç olarak, sitenin sadece mobil cihazda nasıl göründüğünü değil, aynı zamanda çalışma hızını da gösterecek bir hizmet örneği vereceğim: http://www.webpagetest.org/

sonuçlar

Bence günlük işlerde site tasarımında değişiklik yaparken FireFox ve Chrome tarayıcılarının yerleşik özelliklerini kullanmak daha kolay. Bundan sonra elbette arama motorlarının tasarımınıza olan sadakatini kontrol etmeniz gerekiyor. Ve ancak o zaman, ruhu sakinleştirmek veya gösteriş yapmak için çevrimiçi hizmetleri kullanabilirsiniz.

Modern kullanıcı, sitelere yalnızca bilgisayardan değil, aynı zamanda akıllı telefon veya tabletten de göz atar. İnsanların rahatlığı için, sitenin yaratıcıları, tüm yaygın cihazlarda ve tüm çözünürlüklerde görüntülenecek şekilde duyarlı hale getirmelidir. Bu nedenle, her web tasarımcısı ve web geliştiricisi, duyarlı tasarımın ilkelerini bilmelidir. Sitenin uyarlanabilirliğini kontrol etmek için, kullanımı ücretsiz olan en uygun ve işlevsel olanı seçtiğimiz birçok özel hizmet var.

XYanıt

Bu araç, sitenin yan tarafına kaydırılarak görüntülenebilen çok sayıda cihazı destekler. XRespond'u işaretlemenizi öneririz.

sorumlu

Responsinator hizmeti, iPhone, Nexus ve iPad akıllı telefonlarında sitenin görüntüsünü yatay ve dikey yönde kontrol etmenizi sağlar. HTTP ve HTTPS arasında geçiş yapma yeteneği de vardır.

Duyarlı tasarım denetleyicisi

Duyarlı tasarım denetleyicisi, Google Pixel gibi yeni telefonlar, tabletler, farklı monitör çözünürlükleri dahil olmak üzere akıllı telefonlarda sitenin yanıt verebilirliğini kontrol etme yeteneği sağlar ve ayrıca pencere boyutunu kendiniz ayarlamanıza olanak tanır.

Matt Kersley

İngiltere'den tasarımcı ve geliştirici Matt Kersley, varsayılan genişliğin 240 piksel olduğu sitenin yanıt verme durumunu kontrol edebileceğiniz web sitesinde kendi hizmetini başlattı. Kersley fazladan boyut eklememeye karar verdi ve kendisini beş boyutla sınırladı: 240px, 320px, 480px, 768px, 1024px.

Tasarımcı, kendi sitelerine kurmak isteyenler için aracın kodunu github'a gönderdi.

Duyarlı mıyım?

Duyarlı mıyım? - Sitenin yanıt verme hızını birden fazla cihazda hızlı bir şekilde kontrol etmeniz ve müşteriye bir ekran görüntüsü üzerinde göstermeniz gerekiyorsa mükemmel bir seçim.

Mobil Uyumluluk Testi

Google'ın birçok web yöneticisi yardım hizmeti vardır ve Mobil Dostu Test bunlardan biridir. Mobil Dostu Test, listemizdeki diğer web hizmetlerinden farklıdır - sitenin farklı cihazlarda görüntülenmesi için kullanılamaz. İşlevi, mobil cihazlarda bir sitenin optimizasyonunu kontrol ederken, sorunların nasıl çözüleceği konusunda tavsiyelerde bulunmaktır. Google'ın tavsiyesinin değeri konusunda hiçbir şüphe yoktur.

“Business-Motor” ekibinin proje yöneticisi, web yöneticisi, metin yazarı.
Mobil adaptasyon, bir web sitesi ile çalışırken önemli bir aşamadır. Mobil sıralama faktörünün devreye girmesiyle adaptasyon daha da önemli hale geldi. Site hareketliliğinin temel testlerini nasıl yapacağınızı size anlatıyoruz "

Bir web sitesinin mobil cihazlarda görüntülenmesinin rahatlığı, son yıllarda giderek önemi artan bir faktördür. Ve bu sadece akıllı telefonlardan ve tabletlerden sitelere göz atan artan sayıda kullanıcıyla ilgili değil, aynı zamanda arama motorları düzeyindeki sıralamayla da ilgili.

Bu faktörün, Google'ın 21 Nisan 2015'te resmi olarak ilan ettiği sitenin konumu üzerindeki etkisi. Daha yakın zamanlarda, Yandex blogunda bununla ilgili bilgiler ortaya çıktı. Siteyi mobil cihazlarda görüntülemenin kolaylığını dikkate alan algoritmaya "Vladivostok" adı verildi ve Yandex temsilcilerine göre Rusya'da zaten aktif olarak uygulanıyor.

Siteleri mobil kullanıcıların ihtiyaçlarına uyarlamanın önemi artıyor ve büyümeye devam edecek. Mobil adaptasyon, hem ziyaretçilerin dönüşümüne hem de arama sonuçlarındaki sayfaların sıralamasına yansıyacaktır. Ancak projenizin bu gereksinimleri karşılayıp karşılamadığını nasıl anlarsınız? Her ayrıntıda bir sitenin mobil uyumlu olup olmadığı nasıl belirlenir? Bugünkü incelememizde bunun hakkında konuşacağız.

Site mobil uyumlu mu?

Teşhisin ilk aşaması, siteyi mobil cihazlarda kendiniz açmaktır. Ancak burada bile her şey göründüğü kadar basit değildir, çünkü belirli uyum sorunları yalnızca belirli tarayıcılarda ve belirli ekran boyutlarında kendini gösterebilir. Bu nedenle, testleri çalıştırmanızı öneririz:

  • dikey ekran yönelimli bir akıllı telefonda (yaklaşık 300 piksel genişliğindeki dar ekranlar dahil);
  • yatay ekran yönelimli bir akıllı telefonda (480 piksel genişliğinden);
  • dikey ve yatay ekran yönelimli tabletlerde (768 piksel genişliğinden itibaren).

Bir siteyi farklı cihazlarda denemenin her zaman sakıncalı olmaması oldukça doğaldır. Sadece gerekli tüm gadget'lara sahip olamayabileceğiniz için. Bu sorunu, çeşitli mobil ekran öykünücülerini kullanarak çözebilirsiniz. Ancak, üçüncü taraf bir hizmetle iletişim kurmak gerekli değildir: böyle bir öykünücü Google Chrome'da önceden yüklenmiştir. Kullanmak için ilgilendiğiniz siteyi açın, F12 tuşuna basın (geliştirici konsolunu arayın) ve bir cep telefonu resmi olan simgeye tıklayın:

Mobil tarayıcıların özelliklerini dikkate almak son derece önemlidir, çünkü onların da kendine has özellikleri olabilir. Test ederken, siteyi aşağıdakiler için görüntülemek önemlidir:

  • Android işletim sistemi için önceden yüklenmiş tarayıcı;
  • Google Chrome mobil;
  • "Hızlı" tarayıcılar - örneğin, Opera Mini veya UC Tarayıcı;
  • Safari (örneğin, iPhone'da).

Arama motorları siteyi nasıl görüyor?

Sitenizin yanıt verebilirliği sorunuyla ilgileniyorsanız, gerçekleştirmeniz gereken ilk otomatik kontrol, Google'dan mobil uyumlu test... Bu araç oldukça basittir ve mobil cihazlar için sayfa optimizasyonu konusunda net bir karar verir. Ve bu cevap hayır ise, küçük ekranlar için ve Google algoritmaları düzeyinde - tüm sonuçlarıyla birlikte - neredeyse kesinlikle elverişsiz olarak kabul edilir.

Akıllı telefon ekranlarında içeriğin biçimlendirilmesiyle ilgili herhangi bir iddia varsa, bunlar burada listelenecektir. Bu, belirli ekran sorunlarını hızlı bir şekilde teşhis etmenize ve doğrudan onların çözümüne atlamanıza olanak tanır:

Lütfen unutmayın: Tarama sonuçlarındaki mobil ekrandaki sitenin ekran görüntüsü, akıllı telefonunuzda gördüğünüz şekilde eşleşmeyebilir. Çoğu zaman bunun nedeni, yalnızca arama motoru tarafından dizine eklenen dosyaların mobil uyumlu teste katılması ve stil (css) ve komut dosyası (js) dosyalarının genellikle robots.txt düzeyinde dizine eklenmesi için kapatılmasıdır. Bu arada, en son Google önerilerine uygun olarak, arama motorlarına görünür hale getirilmelidir.

Google ve Yandex web yöneticisinin ofisinde mobil cihazlar için web sitesi optimizasyonu

Sitenin, arama motorlarının mobil cihazlarda görüntüleme kolaylığı konusundaki görüşlerine nasıl karşılık geldiğine dair bilgilerin web yöneticilerinin ofislerinden alınabileceğini belirtmek önemlidir - Google Arama Konsolu ve Yandex.Webmaster (şimdiye kadar yalnızca yeni hesabın beta sürümünde).

Google Arama Konsolunda, mevcut sayfa kontrolünün sonuçlarına şuradan ulaşılabilir: Arama Trafiği => Mobil Kullanılabilirlik. Bu sayfa, mobil uyumlu testi kullanarak elde edebileceğimiz bilgileri çoğaltır, ancak sitenin dizine eklenen tüm sayfaları, Google robotları tarafından taranırken sağlanır:

Yandex'deki yeni web yöneticisinin ofisinde, mevcut toplu kontrolün verileri henüz görüntülenmiyor. Bunun yerine, Google'ın mobil uyumlu testine benzer bir araç burada bulunabilir. Yardımı ile, arama motoru algoritmalarının bunu veya bu sayfayı akıllı telefonlarda görüntülemek için uygun olup olmadığını manuel olarak kontrol edebilirsiniz.

not

Arama motorlarının bir siteyi nasıl algıladığı ve yanıt verebilirliği büyük bir sorundur, ancak kullanıcı deneyimi de aynı derecede önemlidir. Bu nedenle, resmi kriterlere göre, bir sayfa mobil cihazlarda görüntüleme kolaylığı gereksinimlerini tam olarak karşılayabilir, ancak gerçekte - "canlı" kullanıcılar için - bu kolaylık sorgulanabilir. Bunun doğrudan sonucu, dönüşümlerde azalma, satış kaybı, kötüleşen davranışsal faktörlerdir (sırasıyla sıralamaları da etkiler).

Bu serinin bir sonraki makalesinde, bir hafta içinde siteyi ziyaretçilerinin gözünden nasıl göreceğinizi, mobil ekranda "darboğazları" nasıl bulacağınızı ve uygunluğunu değerlendirmek için hangi kriterlerin kullanılması gerektiğini anlatacağız.

sonuçlar

Mobil taramanın rahatlığı, hem dönüşümlerde hem de arama motoru sıralamalarında giderek daha belirgin bir rol oynamaktadır.

Site yanıt verme hızını değerlendirmenin ilk adımı, farklı ekranlarda ve farklı mobil tarayıcılarda test etmektir.

Google'ın mobil uyumlu testi ve web yöneticisi ofislerindeki (Google Arama Konsolu ve Yandex'deki yeni web yöneticisi ofisi) ilgili işlevsellik, arama motorlarının bir siteyi mobil cihazlarda görüntüleme kolaylığını nasıl değerlendirdiğini bulmaya yardımcı olacaktır.

Birçok ülkede, akıllı telefonlar internette gezinmek için bilgisayarlardan daha yaygın olarak kullanılmaktadır. Bu nedenle sitenin mobil cihazlara uygun hale getirilmesi çok önemlidir. Search Console'daki özel bir araçla sayfalarınızın akıllı telefon kullanıcıları için uygun olup olmadığını öğrenin.

kullanım

Sayfanın bir akıllı telefonda görüntülenmeye uygun olup olmadığını kontrol etmek kolaydır: tam URL'sini belirtmeniz yeterlidir. Doğrulama genellikle bir dakikadan az sürer. Sayfada yönlendirmeler varsa, bunlar da işlenecektir.

Kontrolün sonuçlarına dayanarak, sayfanın bir akıllı telefonda nasıl göründüğünü görecek ve görüntülerken hangi sorunların ortaya çıkabileceğini öğreneceksiniz. Bunlar genellikle küçük yazılardır (küçük ekranda okunması zor) ve Flash öğeleridir (çoğu mobil aygıtta desteklenmez).

Görünüm alanı meta etiketi değeri ayarlanmadı

Sayfa kodu, tarayıcıya, sayfa öğelerini aygıtın ekran boyutuna sığdırmak için nasıl düzgün bir şekilde yeniden boyutlandıracağını söyleyen görüntü alanı özelliğini belirtmez. Sitenizin farklı ekran boyutlarında doğru şekilde görüntülendiğinden emin olmak için, görünüm alanı meta etiketini kullanarak görünüm alanını ayarlayın. Bununla ilgili daha fazla bilgi edinmek için kılavuzumuzun Duyarlı Web Tasarım Temelleri bölümüne bakın.

Görünüm alanı meta etiketi, cihaz genişliği değerine sahip olmalıdır

Sayfayı farklı boyutlardaki ekranlara uyarlamak mümkün değildir, çünkü kodunda sabit genişlikte viewport özelliği belirtilmiş. Bu durumda sayfa ölçeklemeyi ekrana sığacak şekilde ayarlayarak responsive bir tasarım uygulamanız gerekir.

Ekrandan daha geniş içerik

Bu rapor, metin ve resimleri görüntülemek için yatay kaydırma gerektiren sayfaları tanımlar. Bu sorun, CSS stillerindeki boyutlar mutlak değerlere ayarlandığında veya tarayıcı penceresinin belirli bir genişliği için tasarlanmış resimler kullanıldığında ortaya çıkar. CSS öğelerinin genişlik ve konumlandırma değerlerinin göreceli olduğundan ve görüntülerin ölçeklendiğinden emin olun. Bununla ilgili ayrıntılar için öğreticimizin Görünüm Penceresi için İçerik Boyutları bölümüne bakın.

çok küçük yazı tipi

Bu rapor, kullanıcıların okumak için yakınlaştırma hareketlerini kullanması gereken küçük baskılı sayfaları listeler. Görünüm alanını ayarladıktan sonra, yazı tiplerinin boyutlarını, içinde doğru görünecek şekilde tanımlamanız gerekir.