所以我希望用户能够在我的网站上看到我的背景。目前我的网站宽度为 925px
,当您在移动浏览器(例如 iPhone、Opera Mini)中查看网站时,它会放大文本,用户看不到背景。
我试过使用 meta viewport
标签但没有成功。如何让我的网站在移动浏览器中默认缩小?
编辑:
这是我到目前为止尝试过的代码:
<meta name = "viewport" content = "width = device-width">
最佳答案
我知道这是一个老问题,但我还是会回答,以防其他人需要答案。
截至 2011 年 9 月,Opera Mini 仍在使用 2.5 版的 Presto 渲染引擎。在 Presto 2.7 之前,Opera 中不提供视口(viewport)。 (Opera Mobile,我们的智能手机浏览器确实支持视口(viewport)。)
试试这个:
<meta name="viewport" content="initial-scale=0.25">
当您包含 width=device-width
时,浏览器“神奇地”**找到内容区域并调整它以填充设备的宽度。如果您想让背景透视,则需要缩小整个页面以适合视口(viewport)。
离开 <meta name=viewport>
out entirely 也可以,但您通常会看到较少的背景图像。
然而,理想情况下,您还应该使用媒体查询来创建可在各种宽度下工作的网站。
** 使用浏览器开发人员能够比我更好地解释的某种启发式方法。
关于iphone - 让我的网站在手机上默认缩小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3597977/