Wordpres dimenzije ugradnje

[Jerry_nidžo]

Imam stranicu s igrama napravljena u wordpressu.
Postavljam igre sistemom ugradnje iframe kodom.
Sad me muči nešto u svezi dimenzija ugradnje odnosno visina i širina ugrađenog medija odnosno igre.

Primjer 1 postavljene dimenzije Širina 100% visina 600 i to je manje više OK.

Primjer 2 postavljene dimenzije su visina 100% i širina 100% i u primjeru (samo je taj jedan primjer radi ovog upita) se vidi da visina ugrađenog nije ni približno ugrađenoj igri iz primjera 1.

Da li je to do teme wordpressa ili nešto sasvim drugo i može li se to popraviti da kad se stavi 100% x 100% da to ida max u širinu i visinu a ne ovako kao u primjeru 2

Nadam se da ste me razumjeli što sam mislio reći

[eraserx]

Možeš probati na iframe height staviti 100vh (viewport height). Eventualno dodaš min-height sa fiksnom vrijednosti (px) u slučaju da smanjuješ prozor po visini pa da ne ode ispod te visine.

[Jerry_nidžo]

Autor eraserx

Možeš probati na iframe height staviti 100vh (viewport height). Eventualno dodaš min-height sa fiksnom vrijednosti (px) u slučaju da smanjuješ prozor po visini pa da ne ode ispod te visine.

Nije pomoglo ostale su vizualne diimenzije iste

[eraserx]

Height atribut u iframeu prima samo broj i uzima ga kao vrijednost u pikselima. Dodaj vrijednosti kroz style atribut na elementu ili još bolje kroz css.

[Jerry_nidžo]

Autor eraserx

Height atribut u iframeu prima samo broj i uzima ga kao vrijednost u pikselima. Dodaj vrijednosti kroz style atribut na elementu ili još bolje kroz css.

Može mala pomoć da ne bi nešto zaheba

[eraserx]

Piši slobodno na private

[Jerry_nidžo]

Autor eraserx

Piši slobodno na private

Izgleda da sam riješio problem priko CSS a i sad izgleda da funkcionira.
No sad nekako mislim da bi bolje izgledalo da se prilagodi veličini igrice a ne polja u kojem se nalazi iframe... No i ovako izgleda puno bolje.
Jer neke igrice u punoj veličini prelaze i 1000 px npr pa ne bi jednako izgledale na PC monitoru ili mobitelu

[Jerry_nidžo]

Nekoliko dana sam uzeo pauzu zbog velikog tjedna.
Malo sam proučavao i razglabao više mogućnosti no ipak gore navedena metoda nije ono što sam htjeo.
Na računalu još kako tako dobro izgleda no kad se takva igra otvara na mobiltelu onda baš i nije idealno.
Mislim da bih puno zadovoljniji bio kad bi klikom na button imao igru preko cijelog zaslona prije svega na mobilnim uređajuma i uređajima s manjim ekranom bez obzira na veličinu zadanu u IFRAME
Nešto poput ovoga ili ovoga

Nešto sam izveo u OVOJ (igra nije konačna više sluči kao ogledni primjer pa sam joj dodao straiji datum objave)

Dobio sam button Cijeli zaslon i ova skripta

<script>
function goFullscreen(id) {
var element = document.getElementById(id);
if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
}
}
</script>

ali klikom na button ne dobijam ništa kao da button CIJELI ZASLON i skripta nisu povezane