enchant.js a skalowanie strony

0

Szanowni Państwo,

Na wstępie zaznaczam - nie siedzę we front endzie, a ten temat jest mi zupełnie obcy.
Zrobiłem progress page dla mojego projektu, jednakże borykam się ze strasznie banalnym - ale mega dokuczliwym problemem.
Nie mogę dopasować widoku strony do widoku przeglądarek na stronie.

Tak wygląda obecnie moja strona:
screenshot-20170303103414.png

Co więcej - gdy ustawie widok (scrollem) na każdej przeglądarce 110%, to strona wygląda idealnie tak jakbym chciał.
Background jest ustawiony na FHD.

Da się jakoś wymusić na JS, żeby za każdym razem tą stronę powiększał automatycznie o 110%?
Ja wiem, że pewnie jest kupę rozwiazań opatych o CSS, ale zależy mi żeby wszystko śmigało w JS.

Pozdrawiam serdecznie!

0

a sprawdzałeś co pokazuje devtool w przeglądarce? mnie to wygląda na błąd w gridzie strony, nie rozciąga na fullscreen, pokaż kod

1

W zasadzie jedynymi miejscami w kodzie, gdzie faktycznie coś z rozdzielczością robię to zdefiniowanie jej za pomocą zmiennych globalnych:

var stgWidth = 1920;
var stgHeight = 1080;

oraz w deklarowaniu rozmiaru BG:

game = new Game(stgWidth, stgHeight);

    game.preload('someya.png', 'cur.png', 'facebooknormal.png', 'facebookpush.png', 'facebooklight.png', 'fiolet.png', 'fire.png','fire2.png', 'Enter.mp3' );
	
    game.onload = function()
	{ 

		bg = new Sprite(1920,1080);
		bg.image = game.assets['someya.png'];
		game.rootScene.addChild(bg);
 

EDIT: Ale ze mnie głuptas.. to przez to że ładowałem tło za pomocą biblioteki enchanta, zamiast użyć standardowej JS.
Temat do zamknięcia, dziękuje za podsunięcie myśli :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1