How to limit camera movement on z-axis?

Question

css

There is an object in the center of the scene and you need to make sure that the camera cannot enter the object. In principle, it is enough to limit the camera zoom to a certain radius. Simply put, limit the zoom.

How to do it?

Answer 1

I bet on the visible font size.
If it is less than some threshold, then the page is not readable, therefore, it is not adaptable.

Answer 2

Well, logically, he suggests adapting only non-responsive pages, if the page is adapted by the developer for mobile devices, then Google will not offer to adapt it.

Answer 3

He most likely defines it like this:
1. container containing the main content: DIV size after the page is fully loaded
2. main / main menu of the site: looks for branches (nodes) with enumerations of containers inside containing URLs and looks for the list of links to contain one link with root of the domain, and all the rest were in the same domain, but with different URLs immediately after the root of the domain.
and if he managed to do this, then he displays a button and offers to optimize.
Those. leave only p1 and p.2, and hide the rest.

Answer 4

I'm not sure, but most likely meta tags are used for verification. First of all, this is the viewport, then MobileOptimized and HandheldFriendly.

Answer 5

Most likely by analogy with the Safari browser... Try to enclose in a tag<p>

Answer 6

const controls = new OrbitControls(camera, renderer.domElement);
controls.minDistance = *valueMin*;
controls.maxDistance = *valueMax*;