Az oszlopban lévő kép összenyomva

Szia,

szerintem ez nem normális, mert az oszlopok a képernyőméretnek megfelelően átméreteződnek. Általában a reszponzív sablonokon a max-width: 100% tulajdonság van alkalmazva az összes képre, hogy reszponzívak legyenek. Ha ez nincs beállítva, a képek mérete fix, és nem fog működni kis képernyőn.

Lásd a csatolt fájlt, ami általában 3 oszloppal történik.

Köszönöm,

Bár már jó ideje TO problémája óta jelentkezett, muszáj újraindítanom, mert nekem is ugyanez a problémám. És rájöttem a viselkedés okára: Ez akkor történik, ha átméretezel képeket, és megváltoztatod a kép bármely paraméterét a kép tulajdonságai párbeszédpanelen (vagy ezt kép tulajdonságainak hívják? Nem az angol verziót használom).
Egy példa: Betettem egy képet a cikkembe, és egérrel 400x300 képpontos méretre méreteztem át. A forráskódban ott van
a width="400" hight="300".
Most kattints duplán a képre a kép tulajdonságai párbeszédpanel elindításához, és csak kattints az OK gombra. Most a forráskód
img style="width:400px; hight:300px;"
Ez egyszerűen egy másik módja a méret paraméter elhelyezésének HTML-ben, de a style="..." mód miatt valamilyen oknál fogva a képek összenyomódnak a böngészőablak átméretezésekor.

Van mód a kódolás megváltoztatására?

Szia!

Köszönöm a visszajelzést. Fel tudnál tölteni egy képernyőképet a képbeállításokról, amiket mondtál?
Egyébként ne használj fogantyúkat a képek átméretezéséhez a tartalmaidban, mert akkor a képek nem természetes méretben fognak megjelenni, aminek kettős előnye van: nehézkesek lesznek és rossz minőséget fognak megjeleníteni. Ez problémákat okozhat a reszponzív részben is.

Köszönöm!

Köszönöm Tristan a választ, természetesen tudok képernyőképeket készíteni.

Csináltam egy egyszerű példát egy képpel, aminek az eredeti mérete 800x535px.

1. Átméreteztem a fogantyúk használatával közvetlenül a drop editorban (egyébként semmi baj nincs azzal, ha így csinálod, amíg arányos maradsz). Rögzítettem az összezsugorított böngészőablakot, a kép megfelelő arányú és teljesen reszponzív. [resized_in_dropedit_by_handles.png]

2. Ezután duplán kattintottam a képre a tulajdonságok párbeszédablak megnyitásához, semmit sem változtattam - csak az 'OK'-ra kattintottam. A forráskód megváltozott, ahogy látható, és ugyanaz a kép ugyanabban az összezsugorított böngészőablakban összenyomva jelenik meg, és már nem reszponzív. [resized_by_properties-dialog.png]

Remélem, ez világosabbá teszi a problémát, és segít DropEditor jobbá tételében (szerintem a DE a legokosabb Joomla szerkesztő).

Egyébként ez egy másik szempont, de lehetséges lenne egy képosztály mezőt beilleszteni a képek tulajdonságok párbeszédablakába? Ez egy kicsit kényelmesebbé tenné az óraváltásokat.

Üdvözlettel: Frank

Szia,


rendben, azt hiszem, értem. Ez egy olyan probléma, ami a szerkesztőben található régi képszerkesztő eszközből ered (csak a képgomb tulajdonsága).
Dolgozunk Droppics , ami úgy kezeli a problémát, hogy valós miniatűröket generál menet közben.

Az első szempont a kép természetes mérete, ez nem változtat a problémán, csak egy tanács. Lassítja a weboldaladat, és minden SEO eszköz elemzése hibaként érzékeli. Chrome alatt a fogantyúk eszközt eltávolították a szerkesztőből.

Köszönöm,

Rendben, ez egy nagyszerű frissítés lenne.

Én ezt manuálisan csináltam droppics (pro) programmal, egyéni méretű másolat generálásával. Egy automatikusan generált miniatűr kényelmesebb lenne - nagyon is üdvözlendő. A problémám ezzel az, hogy a cikkekbe maximális méretben elhelyezett képek kissé homályosak a nagy felbontású kijelzőkön. Például egy 400x300 képpontos kép, amelyet egy cikkbe helyeztem, jól néz ki az irodai monitoromon 72 dpi felbontással, egy tableten <200 dpi felbontással életlennek tűnik (a böngésző átméretezése miatt). Egy 600x448 képpontos fizikai méretű kép, amelyet 400x300 képpontra méreteztek át, sokkal élesebbnek tűnik a HiRes kijelzőkön. A fájlméretek egy kicsit nagyobbak - igen, de nem annyival... A HiRes kijelzők esetében nem tudok más módot arra, hogy a képek élesek legyenek.

Üdvözlettel, Frank

OK, ez egy nagyszerű frissítés lenne.

Én ezt manuálisan csináltam droppics (pro) programmal, egyéni méretű másolat generálásával. Egy automatikusan generált miniatűr kényelmesebb lenne - nagyon is üdvözlendő. A problémám ezzel az, hogy a cikkekbe maximális méretben elhelyezett képek kissé homályosak a nagy felbontású kijelzőkön. Például egy 400x300 képpontos kép, amelyet egy cikkbe helyeztem, jól néz ki az irodai monitoromon 72 dpi felbontással, egy tableten 200 dpi felbontással életlennek tűnik (a böngésző átméretezése miatt). Egy 600x448 képpontos fizikai méretű kép, amelyet 400x300 képpontra méreteztek át, sokkal élesebbnek tűnik a HiRes kijelzőkön. A fájlméretek egy kicsit nagyobbak - igen, de nem annyival... A HiRes kijelzők esetében nem ismerek más módot a képek élessé tételére.

Üdvözlettel, Frank

Ui.: Bocsánat, hogy újra közzéteszem, a rendszer levágta a szövegemet egy nyíl szimbólum használata miatt. A következő üzeneteimben óvatosabb leszek.