Mobile browser viewing angles are inconsistent

Questions
1

Hi everyone, I run the project in the browser and switch to different sizes in developer mode and it works fine. But when I packed it into my mobile phone, the viewing angle was inconsistent. Why is this?

微信图片_20250118031041
微信图片_202501180310411280×2816 195 KB

9283c5718a935145b7dff4022774f18
9283c5718a935145b7dff4022774f18595×926 138 KB

9e55f8624ce8fb1db1a66bccbbddc17
9e55f8624ce8fb1db1a66bccbbddc171031×917 172 KB

this is resize code:

	updateCameraAspect() {
			
		const pixelRatio = window.devicePixelRatio;

	
		const width = window.innerWidth * pixelRatio;
		const height = window.innerHeight * pixelRatio;

		this.camera.aspect = width / height;
		this.camera.updateProjectionMatrix();

            this.renderer.domElement.width = width * ratio;
            this.renderer.domElement.height = height * ratio;
            this.renderer.domElement.style.width = `${width}px`;
            this.renderer.domElement.style.height = `${height}px`;
            if (this.composer) {
                this.composer.setSize(width, height);
            }
            if(this.cssRenderer){
                this.cssRenderer.setSize(width, height);
            }
            if(this.renderer){
                this.renderer.setSize(width, height);
            }
        });

        eventManager.on('changeCamera',(camera)=>{
            this.currentCamera = camera;

            for(const pass of this.composer.passes){
                pass.camera = camera;
            }
        });

//  Camera data

cameraInit(){
	this.camera = new PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
		
			const pixelRatio = window.devicePixelRatio || 1;

		
			const width = window.innerWidth * pixelRatio;
			const height = window.innerHeight * pixelRatio;

			this.camera.aspect = width / height;
			this.camera.updateProjectionMatrix();
}