Ce puteți face dacă o pagină web nu se potrivește cu fereastra browserului
- Categorie: Internet
Unele site-uri web și pagini pe care le vizitez pe parcursul zilei sunt rupte dacă le încarc într-o fereastră a browserului care este la jumătate din dimensiunea totală a ecranului monitorului. Folosesc un monitor 1920x1200 și tind să afișez două ferestre ale browserului una lângă alta.
Un exemplu primordial în acest sens este Plugin WordPress director. Când o deschid, văd bara laterală din stânga, dar deloc conținut principal. Întreaga zonă de conținut este goală și trebuie să defilez în jos pentru a o găsi sub pliere.
Un pic de redimensionare pentru a crește lățimea ferestrei face trucul și conținutul este afișat în locația sa corectă.
Este enervant, deoarece redimensionarea ferestrei înseamnă că se suprapune a doua fereastră a browserului.
Nu este singurul site web sau pagină web care este rupt. Când deschid site-ul de intermediere web Flippa în Firefox, de exemplu, nu văd decât să perfecționați meniul barei laterale de căutare deasupra faldului.
Din anumite motive, este afișat aici pe toată lățimea, iar site-urile web reale sunt afișate sub fald. Acum, aceasta pare a fi o problemă doar în Firefox și nu în Google Chrome, deoarece aspectul funcționează bine în browserul Google.
M-am gândit mai întâi că am schimbat cumva zoom-ul paginii pe acele pagini, dar nu s-a dovedit așa. Am mutat widget-ul Firefox Zoom Page în bara de instrumente și a afișat un nivel de zoom de 100% pentru fiecare dintre ele.
Soluționarea problemei
Iată câteva sugestii care vă permit să remediați problemele afișate fără a modifica dimensiunea ferestrei browserului.
1. Schimbați nivelul Zoom Pagina
Aceasta este fără îndoială cea mai ușoară opțiune. Tot ce trebuie să faceți este să țineți apăsată tasta Ctrl de pe tastatură și să mutați roata mouse-ului în sus sau în jos pentru a modifica nivelul de zoom al browserului.
Toate browserele moderne aplică nivelul doar domeniului pe care vă aflați, și nu la alte domenii și site-uri pe care le deschideți.
Un singur flick down este de obicei suficient pentru a afișa pagina chiar bine în browserul ales.
Rețineți că conținutul va apărea mai mic ca urmare.
2. Extensii
Utilizatorii Firefox pot instala Extensie excelentă a paginii cu zoom care se livrează cu o opțiune „se potrivesc paginii” de care puteți folosi pentru a potrivi orice pagină în fereastra browserului cu un singur clic.
Pentru ao utiliza, trebuie doar să țineți apăsată tasta Shift de pe tastatură și faceți clic pe pictograma locurilor de completare din una dintre barele de instrumente ale browserului.
Utilizatorii Chrome pot utiliza funcția Extensia Zoom în schimb, care schimbă nivelul zoomului în funcție de dimensiunea ferestrei browserului și rezoluția.
3. Remediați CSS
Puteți face modificări permanente la majoritatea site-urilor web cu ajutorul extensiei browserului Componente elegante sau comparabile.
Problema este elegantă, deoarece nu va modifica dimensiunea fontului text. Dezavantajul este că trebuie să cunoști CSS pentru a-l folosi.
Pentru a remedia, de exemplu, site-ul Directory Plugin WordPress în Firefox, faceți următoarele:
- Instalare Stilat .
- Deschideți directorul de pluginuri WordPress și apăsați pe F12 pentru a deschide fereastra Instrumente pentru dezvoltatori Firefox.
- Fie parcurgeți manual codul, fie folosiți Inspectorul pentru a face clic pe elementul care nu este afișat corect. În cazul acestui site, este zona principală a corpului. (faceți clic pe butonul „Alege un element din această pagină” din fereastra Instrumente pentru dezvoltatori pentru aceasta.
- Veți găsi .col-10 în cele din urmă, care are o dimensiune de 772px. Dacă schimbați valoarea la 720px, veți observa că pagina se afișează bine acum.
- Acum că știți ce să schimbați, faceți clic pe pictograma elegantă și selectați Scrieți stil nou -> Pentru WordPress.org.
- Aici pur și simplu copiați informațiile despre stil și salvați apoi noul stil.
Modificările sunt aplicate pe pagina web de fiecare dată când o încărcați atâta timp cât mențineți Stylish instalat și noul stil încărcat.
Elegant este, de asemenea, disponibil pentru Google Chrome .