Autor | Zpráva | ||
---|---|---|---|
PavelF Profil |
#1 · Zasláno: 12. 9. 2015, 17:46:16
Zdravím,
celkem se trápím s jistým problémem. Na mém eshopu mám u produktu vložené iframe ve tvaru: <iframe allowfullscreen="" frameborder="0" height="480" mozallowfullscreen="true" onmousewheel="" src="https://sketchfab.com/models/05cad1baf55845efbf53a652966680cc/embed?autostart=1&camera=0" webkitallowfullscreen="true" width="1140"></iframe> Mám to u každého produktu na eshopu (samozřejmě jiný iframe) a chtěl bych se zeptat, zda nejde nějak udělat, aby se při různých rozlišení obrazovky měnila hodnota width="xxx" a height="xxx" třeba takto: rozlišení 1600x900 width="1140" nebo 1024x768 width="800" atp Problém je totiž v tom, když si web otevřu na mobilu nebo na PC s menším rozlišením, tak iframe není celé - je to uřízlé. Díky moc za pomoc Pavel |
||
bestik_63 Profil |
#2 · Zasláno: 12. 9. 2015, 19:20:44
Nejde udělat aby to mělo spíše procentuální šířku? např width:80% ???
Jinak to co potřebuješ samozřejmě jde v javascriptu: document.getElementById("myBtn").style.width = "300px";//nastaví šířku elementu Teď otázka jestli to chceš měnit podle šířky okna nebo prohlížeče. Ne každý má totiž okno maximalizované. Nicméně šířku okna zjistíš s pomocí jquery: $(window).width() Ale zjistit šířku okna je trochu věda : viz. http://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-window |
||
Krakatoa Profil |
#3 · Zasláno: 12. 9. 2015, 19:36:36
PavelF:
Na to ti stačí základy css (width, height a media query (@media (podmínka)). |
||
PavelF Profil |
#4 · Zasláno: 12. 9. 2015, 20:33:49
Díky moc - to mě nenapadlo - udělal jsem to přes procenta. Funguje to tak perfektně.
|
||
Časová prodleva: 9 let
|
0