Web Desktop: resize with browser size does not work

Cocos Creator
#1

Hello,

I created simple project, added 4 labels to the corners, changed “design resolution” to 768x1024, built the project setting “Preview Res…” to 768x1024.
When I ran it, the bottom of my scene was not visible. I have to scroll the page to see it.
So my scene was not resized to browser screen size.

My env: MacOS 10.11.5, Safari / FireFox.

Regards,
Valery.

2d22d536db7b872e.png1083×925

7690b5c7d282e9ee.png1142×787

#2

If you select Web Desktop as platform, you’ll always get a 1 to 1 ratio of pixels for your design resolution, that means no auto scaling.

If you like the viewport to always fit your browser window, you can use Web Mobile as platform.

1 Like
#3

Hi,

I have a game created by Cocos Studio. For browsers (not mobile), I use the code:

var resolution = cc.ResolutionPolicy.SHOW_ALL;
cc.view.setDesignResolutionSize(768, 1024, resolution);
cc.view.resizeWithBrowserSize(true);

As the result, whole game is on the screen with black boxes on the left/right and without scrolling.
But when I change browser size, the game’s view is resized automatically and it saves the aspect ration 768:1024.

Is it possible to do this Web Mobile?

Regards,
Valery.

#4

Thanks. “Web Mobile” is what I looked for.