Este necesar să se facă astfel încât imaginea să fie scalată automat într-o celulă, adică fiecare celula a luat 1/3 din masă (20% din ecran) și, dacă imaginea nu se încadrează în celulă, este redusă la dimensiunea sa.
marginea colapsului de tabel: colaps;
decalaj de frontieră: 0;
lățime: 60%;
înălțime: auto;
padding-left: 5pt;
marja: auto;
>
|
|
|
În Firefox funcționează așa cum ar trebui, dar nu vrea să o facă în IE. Răspândește masa și trece dincolo de ecran.
încercați să setați o lățime pentru fiecare celulă (
. | ) și de modul în IE ceea ce nu vrea? Din câte îmi amintesc (dacă nu înșel), de frontieră-spațiere este doar mai veche decât versiunea 8, și de frontieră-colaps în al șaselea, care este buggy)
Firefox 13 și IE 9.
Dacă setați lățimea = 20% pentru fiecare celulă, se oprește scalarea chiar și în Firefox.
Dacă încercați să expuneți fiecare lățime de imagine = 20%, se dovedește că acesta prezintă o mărime de 20% din dimensiunea fiecărei celule, adică. E. 4% din dimensiunea ecranului.
În general, se pare că am înțeles care este problema: IE încarcă mai întâi imagini, adică dimensiunea mesei crește și apoi o fixează. Am stabilit lățimea = 20% și am primit o masă imensă cu imagini mici în fiecare celulă.
Firefox atrage, de asemenea, o masă în primul rând, stabilește dimensiunea sa, apoi inserează imagini în celulele sale.
pentru imaginea de care ai nevoie 100% - vine în mărime ca procent din elementul părinte
ca opțiune, este posibil ca pe js sau css3 (interogări media) să se facă: în funcție de dimensiunea ecranului, dimensiunea tabelului este setată
Trimiteți-le prietenilor: