Meg kell győződni arról, hogy a kép automatikusan méretezhető a sejtben, azaz a minden cellája elfoglalt 1/3 (20% képernyő), és ha a kép nem fér bele a cellába, akkor méretezhető alatt állásfoglalásában.
táblázat határ-összeomlás: összeomlás;
border-spacing: 0;
szélesség: 60%;
magasság: auto;
padding-left: 5pt;
margin: auto;
>
|
|
|
A Firefox'e működik, ahogy kellene, de az IE nem akar. Táblázat terjed, és túlnyúlik a képernyőn.
megpróbálja előírni a szélessége az egyes sejtek (
. | ) És milyen módon IE nem? Amennyire vissza tudok emlékezni (ha nem tévedek), border-távolság csak régebbi verzió 8, és a határ-összeomlás a hatodik, ami hibás)13 Firefox és az IE 9.
Ha a width = 20% minden cellában, megszűnik a skála még Firefox'e.
Ha megpróbálja leleplezni minden kép width = 20%, kiderül, hogy az egy mérete 20% -kal kisebb az egyes cellák, azaz a. E. 4% képméret.
Tulajdonképpen azt hiszem, értem, mi a probléma - IE betölti az első kép, azaz a asztal mérete növekszik, majd kijavítani. Tettem width = 20%, és kap egy hatalmas asztalnál egy kis kép az egyes sejtek.
Firefox első húz egy táblázat rögzíti a méretet, majd beilleszti azt a cellát képeket.
A kép legyen 100% - ez a méret százalékában a szülő elem
Alternatív megoldás lehet js vagy css3 (médialekérdezéseket) do: méretétől függően a képernyő mérete étkészlet