Bir web sayfası tarayıcı penceresine sığmazsa ne yapabilirsiniz?
- Kategori: Internet
Gün boyunca ziyaret ettiğim bazı web siteleri ve sayfalar, onları monitörün toplam ekran boyutunun yarısı olan bir tarayıcı penceresine yüklersem bozulur. 1920x1200 monitör kullanıyorum ve iki tarayıcı penceresini yan yana görüntüleme eğilimindeyim.
Bunun en iyi örneği, WordPress Eklentisi dizin. Açtığımda, sol kenar çubuğunu görüyorum ama ana içeriği hiç görmüyorum. Tüm içerik alanı boş ve ekranın alt kısmında bulmak için aşağı kaydırmam gerekiyor.
Pencere genişliğini artırmak için küçük bir yeniden boyutlandırma işlemi hile yapar ve içerik doğru konumunda görüntülenir.
Bu can sıkıcı bir durum çünkü pencereyi yeniden boyutlandırmak, pencerenin ikinci tarayıcı penceresiyle çakışması anlamına geliyor.
Yine de kırılan tek web sitesi veya web sayfası değil. Web komisyonculuğu sitesini açtığımda Flippa örneğin Firefox'ta, ekranın üst kısmında arama kenar çubuğunu daralt menüsünü görüyorum.
Bazı nedenlerden dolayı, burada tam genişlikte görüntülenir ve sonuç olarak gerçek web siteleri ekranın altında görüntülenir. Şimdi, düzen Google'ın tarayıcısında iyi çalıştığından, bu yalnızca Firefox'ta bir sorun gibi görünüyor ve Google Chrome'da değil.
İlk önce bu sayfalardaki sayfa yakınlaştırmasını bir şekilde değiştirdiğimi düşündüm, ancak durum böyle değildi. Firefox'un Sayfa Yakınlaştırma widget'ını araç çubuğuna taşıdım ve her biri için% 100 yakınlaştırma düzeyi gösterdi.
Sorunu çözmek
Tarayıcı penceresinin boyutunu değiştirmeden bu görüntü sorunlarını çözmenize olanak tanıyan birkaç öneri burada verilmiştir.
1. Sayfa Yakınlaştırma düzeyini değiştirin
Bu şüphesiz en kolay seçenektir. Tarayıcınızın yakınlaştırma düzeyini değiştirmek için tek yapmanız gereken klavyenizdeki Ctrl tuşunu basılı tutmak ve fare tekerleğini yukarı veya aşağı hareket ettirmektir.
Tüm modern tarayıcılar, düzeyi, açtığınız diğer etki alanlarına ve sitelere değil, yalnızca bulunduğunuz etki alanına uygular.
Tarayıcınızda sayfayı iyi bir şekilde görüntülemek için genellikle tek bir aşağı kaydırma yeterlidir.
Sonuç olarak içeriklerin daha küçük görüntüleneceğini unutmayın.
2. Uzantılar
Firefox kullanıcıları mükemmel Yakınlaştırma Sayfası uzantısı Herhangi bir sayfayı tek bir tıklamayla tarayıcı penceresine sığdırmak için kullanabileceğiniz bir 'sayfaya sığdır' seçeneğiyle birlikte gelir.
Kullanmak için, klavyenizdeki Shift tuşunu basılı tutun ve tarayıcı araç çubuklarından birinde eklenti yerindeki simgeye tıklayın.
Chrome kullanıcıları şunları kullanabilir: Zoomy uzantısı bunun yerine yakınlaştırma düzeyini tarayıcı penceresinin boyutuna ve çözünürlüğe göre değiştirir.
3. CSS'yi düzeltin
Şık veya benzer eklentiler tarayıcı uzantısı yardımıyla çoğu web sitesinde kalıcı değişiklikler yapabilirsiniz.
Metin yazı tipi boyutunu değiştirmeyeceği için sorun zarif. Olumsuz tarafı, bundan yararlanmak için CSS'yi bilmeniz gerektiğidir.
Örneğin Firefox'ta WordPress Eklenti Dizini sitesini düzeltmek için aşağıdakileri yapmalısınız:
- Yüklemek Şık .
- WordPress Eklenti Dizini'ni açın ve Firefox'un Geliştirici Araçları penceresini açmak için F12'ye basın.
- Kodu manuel olarak gözden geçirin veya düzgün görüntülenmeyen öğeye tıklamak için Denetçiyi kullanın. Bu site durumunda, ana gövde bölgesidir. (Bunun için Geliştirici Araçları penceresindeki 'Bu sayfadan bir öğe seçin' düğmesini tıklayın.
- Sonunda 772px boyutunda olan .col-10'u bulacaksınız. Değeri 720px olarak değiştirirseniz, sayfanın şimdi iyi görüntülendiğini fark edeceksiniz.
- Artık neyi değiştireceğinizi bildiğinize göre, Şık simgesine tıklayın ve Yeni Stil Yaz -> WordPress.org için seçeneğini seçin.
- Burada sadece stil bilgilerini kopyalayıp yeni stili daha sonra kaydedersiniz.
Şık yüklü ve yeni stili yüklü tuttuğunuz sürece değişiklikler web sayfasına her yüklediğinizde uygulanır.
Şık şu ürünler için de mevcuttur: Google Chrome .