[SOLVED] Viewport confusion

[ozRocker]

Are we meant to be using

<meta name="viewport" content="width=device-width" />

so everything fits into the viewport on mobile devices?  'cos when I use this line the viewport will not render using retina display and I get a fuzzy render from the canvas.

 

[Pryme8]

https://dbushell.com/2013/09/10/css-fixed-positioning-and-mobile-zoom/

sounds like some scaling is happening.

Ohh btw @ozRocker I have a meeting this weekend in New York to discuss some 3d photo scanning rigs.  Would you be available for a conference call perhaps, if so please PM me.

[Guest]

We use that for most of bjs sites:

<meta name="viewport" content="width=device-width, user-scalable=no">

Also keep in mind that by default babylonjs will limit the DPI scaling to 2. You can play with the hardware ratio with engine.setHardwareScalingRatio(0.5)

[ozRocker]

4 hours ago, Deltakosh said:

We use that for most of bjs sites:

<meta name="viewport" content="width=device-width, user-scalable=no">

Also keep in mind that by default babylonjs will limit the DPI scaling to 2. You can play with the hardware ratio with engine.setHardwareScalingRatio(0.5)

Awesome!  That completely solved all my problems.  I didn't realise you could apply hardware scaling to desktop screens as well.  Now all my demos look twice as good

btw, its actually engine.setHardwareScalingLevel()

[Guest]

yes I just can't remember the name I chose