# How do people handle Mobile devices?

**URL:** <https://discourse.threejs.org/t/how-do-people-handle-mobile-devices/8768>\
**Category:** Questions\
**Tags:** mobile, scene\
**Created:** [July 30, 2019, 9:37am UTC](https://discourse.threejs.org/t/how-do-people-handle-mobile-devices/8768 "2019-07-30T09:37:43Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![user123](https://avatars.discourse-cdn.com/v4/letter/u/ed655f/32.png) [@user123](https://discourse.threejs.org/u/user123)\
**Post date:** [July 30, 2019, 9:37am UTC](https://discourse.threejs.org/t/how-do-people-handle-mobile-devices/8768/1 "2019-07-30T09:37:43Z")

</div>

General question about how people are handling making sure their scenes look consistant on mobile devices.

If I have a scene with a cube. The cube is then moved (for example) 40 in the X direction. This may look great on a PC monitor, but when viewed on a tablet you can’t see the cube anymore as screen size and aspect ratio are different.

So using the official example of the transform controls here it is on my computer, as you can see I’ve moved the cube to the top right:

![pc](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/6/66ab268e250041803437ba85c01f8054ce50eb7a.png)

when viewed on a tablet I’ll get the following (I’ve used Firefoxes device mode to demonstrate)

![tablet](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/9/9bf971628534db9d9977702ab130814a42d23ac6.png)

So you obviously cant see the cube.

How would one handle this sort of situation? Are people using specific/different camera zooms for mobiles and tablets? Or am I missing something obvious?!

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [July 30, 2019, 10:13am UTC](https://discourse.threejs.org/t/how-do-people-handle-mobile-devices/8768/2 "2019-07-30T10:13:22Z")

</div>

> [@user123](#):
>
> Are people using specific/different camera zooms for mobiles and tablets?

“camera zoom” is probably not the right term. WebGL applications can be used on a variety of devices, all with different aspect ratios and resolutions.

Moving a cube to the window’s corner and then shrinking the window…well…it’s clear that the cube will not be visible anymore. This might also happen on mobile devices when the orientation is changed.

In general, you have to ensure that all important content is visible on different devices. You can do this in various ways like placing objects in the center of your scene.

---

<div class="post-metadata">

**Author:** ![Fyrestar](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fyrestar/32/52793_2.png) [@Fyrestar](https://discourse.threejs.org/u/Fyrestar)\
**Post date:** [July 30, 2019, 10:31am UTC](https://discourse.threejs.org/t/how-do-people-handle-mobile-devices/8768/3 "2019-07-30T10:31:32Z")

</div>

I’m not quiet sure what you want to archive, make the camera move so all scene objects are always visible?

Maybe this helps [https://github.com/mrdoob/three.js/pull/14526](https://github.com/mrdoob/three.js/pull/14526)

---

<div class="post-metadata">

**Author:** ![looeee](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/looeee/32/59_2.png) [@looeee](https://discourse.threejs.org/u/looeee)\
**Post date:** [July 30, 2019, 1:36pm UTC](https://discourse.threejs.org/t/how-do-people-handle-mobile-devices/8768/4 "2019-07-30T13:36:17Z")

</div>

> [@Fyrestar](#):
>
> Maybe this helps  
> [Add CameraViewBox example to fit objects to camera by moroine · Pull Request #14526 · mrdoob/three.js · GitHub](https://github.com/mrdoob/three.js/pull/14526) 2

Check out my codepen from that thread, it’s simpler than the code in the PR.

https://codepen.io/discoverthreejs/embed/preview/vwVeZB?default-tabs=js%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=vwVeZB