Pagina personala shra, freelancer blog, dezvoltator web in PHP. Aici împărtășesc experiența și gândurile mele, fac experimente pe oameni, colectez dovezi intangibile ale prostiei mele. Utilizând eșantioane de cod din acest site, vă asumați întreaga responsabilitate pentru posibilele consecințe ale utilizării acestora, inclusiv asupra sănătății dvs. mintale și asupra intereselor terților.
Tabelele nu sunt un fel de aspect care poate fi adaptat. Toate trucurile de adaptabilitate sunt rupte de băncile abrupte ale oportunității meselor.
Coloanele tabelelor nu pot fi transferate (chiar dacă le puteți transfera, tot nu puteți face acest lucru). Și chiar
cu 4-5 coloane devine incomod și incomod, dând aspectul dvs. adaptabil în praf și praf; acționând ca un elefant într-un magazin de porțelan atunci când vă uitați la pagina de pe dispozitiv cu 400 de puncte în lățime.
Ce pot face dacă este necesară o masă?
Să luăm în considerare câteva abordări pentru soluționarea problemei.
Opțiunea - fără mese, are și un loc de existență. De exemplu, un tabel poate fi plasat într-un fișier format mai potrivit pentru acesta - pdf, xls, etc. Și pe site faceți un link către acest fișier. Acesta este modul în care băncile acționează prin publicarea manualelor tarifare.
Dar când masa este o parte importantă a conținutului articolului, pe care trebuie să-l abordați pe măsură ce citiți materialul, problema nu poate fi evitată.
Tabel - imagine
După ce ați setat CSS, cum ar fi
veți obține o imagine de auto-scalare sub orice dimensiune a ferestrei browserului. Ca și cum utilizatorul nu a "jucat" cu dimensiunea ferestrei, imaginea nu va urca dincolo de margini și nu va avea proporții ideale.
Optimizarea tabelelor
Uneori este posibil să "spargeți" sau să organizați date într-un tabel astfel încât să se descompună în câteva obiecte mai compacte. Tabelele rezultate se vor potrivi în aspect și vor fi afișate în mod normal pe orice dispozitiv.
Nu este întotdeauna aplicabilă, iar restricțiile privind lățimea minimă a șablonului vor rămâne.
Încărcarea într-un container cu o defilare orizontală
Din moment ce masa și textul înconjurător sunt în același container, tabela prea largă sparge dispunerea. Acest lucru poate fi evitat prin înfășurarea mesei în propriul container de lățime adaptivă.
Deși toată lumea este fericită, dar există contra.
Tabelele lungi de pe desktop pot fi "flipped" stânga-dreapta numai după ce au ajuns la marginea inferioară a elementului
, deoarece Bara de defilare este afișată exact acolo. Pe dispozitivele mobile, nu există o astfel de problemă, puteți trece prin masă în orice loc.
În fiecare an, de obicei în primăvară, îmi cer codul sursă pentru sarcina comediantului. Și nu le-am văzut de mult timp, așa cum spun ei, și eu sunt un fel de îngheț, spun - unde fac, nu știu. Dar apoi a început să facă proiecte pentru lucru și a găsit arhivele selectate ale Delphic.
Articole similare
Trimiteți-le prietenilor:
