css - 如何让我的移动网站自动调整其屏幕分辨率?

标签 css mobile mobile-website

我在移动网站上工作,但是当我在手机上查看该网站时,该网站会自动缩小为非常小的字体,用户必须放大才能阅读文本。

如何让它在用户每次访问网站时自动以正确的尺寸显示?

这是我的 CSS:

.content {
width:auto;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-align:justify;
}

还有我的 HTML:

<div class="content"> Hello
<div id="logo"><img src="banner.png" border="0"></div>
</div>

尽管有我的代码,但在 Android 和 iPhone 设备上,文本显得非常小。我该如何解决这个问题?

最佳答案

尝试将此添加到您的 <head> :

<meta name="viewport" content="width=device-width, user-scalable=yes">

用户可扩展性是可选的。当它设置为 false 时,它​​会阻止用户使用浏览器的缩放功能。

关于css - 如何让我的移动网站自动调整其屏幕分辨率?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3957954/

相关文章:

html - 移动网站上的 Facebook URL 方案,如果已安装则打开应用程序,否则转到网页

jquery 移动标题链接与长文本重叠

uri - tel 和 wtai url 方案之间的区别

javascript - imagemapster 不同的区域有不同的颜色

CSS 定位 : relate position define by negative margin

html - 将标题标记顺序与视觉和概念权重分开?

flutter - 如何从 flutter 移动应用程序控制 Raspberry pi?

mobile - 如何检测 React Native 应用程序何时关闭(而不是暂停)?

css - 在移动 View 中丢失背景图像

html - 在线转换 eot 文件不起作用