为什么移动浏览器会完全放大我的页面? [英] Why do mobile browsers load my page completely zoomed-in?

问题描述

我目前正在为客户的网站上工作(仍在进行中)，并试图解决该网站上的一些移动问题.

I'm currently working on a site for a client (still a work in progress) and trying to fix some of the mobile issues on the site.

我遇到的主要问题是移动浏览器(Android + iPhone)将网站完全放大到网站的左上方.我希望将其缩小以适合视口中整个站点的宽度，而不管视口的宽度如何.

The main issue I'm having is that mobile browsers (android + iphone) load the site completely zoomed-in on the top left portion of the site. I'd like it to be zoomed out to fit the whole site width in the viewport, no matter the width of the viewport.

可以在此处查看该网站: http://www.graceprep.com

The site can be viewed here: http://www.graceprep.com

对此有一个简单的解决方法吗?我对HTML/CSS很有经验，但是在移动浏览器方面我还是个新手.

Is there an easy fix for this? I'm experienced with HTML / CSS but I'm a bit of a newbie when it comes to mobile browsers.

在我的header.php文件中有一些HTML可能是相关的.我尝试将width属性更改为无济于事.初始比例尺属性是有效的，但范围太广-我希望该网站可以完全针对所有移动浏览器进行缩小，无论其方向或屏幕大小如何.

Here is some HTML in my header.php file that might be relevant. I tried changing the width property to no avail. The initial-scale property is effective, but too broad - I'd like the site to be completely zoomed-out for all mobile browsers, no matter the orientation or screen-size.

有没有办法做到这一点?

Is there a way to do this?

推荐答案

您为什么完全拥有该meta标签?如果将其完全删除，设备将自动决定缩放级别.

Why do you have that meta tag at all? If you remove it completely, the device will decide on the zoom level automatically.

这篇关于为什么移动浏览器会完全放大我的页面?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！