android - 如何使用视口(viewport)使我的网站宽度适合移动设备的大小?

标签 android iphone safari

我有一个宽度为 1280px 的网站。 当我第一次看到它时,我想使网站宽度适合移动设备的大小。

然后,我使用视口(viewport)元标记如下,但它不起作用。

<meta name="viewport" content="width=1280, initial-scale=0.25" />

如何使用视口(viewport)使我的网站宽度适合移动设备的大小?

非常感谢。

最佳答案

试试这个:

<meta name="viewport" charset="utf-8" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>

width=device-width 应该可以解决问题。 initial-scale、maximum-scale 和 user-scalable 会阻止用户对您的网站应用任何类型的缩放,如果不需要,您可以将其删除。

关于android - 如何使用视口(viewport)使我的网站宽度适合移动设备的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12128805/

相关文章:

android - 我们如何测试直接启动?

java - 我有一个函数,在其中我正在使用匿名类运行一个线程,那么如何将值返回给该函数

Safari 的 CSS 径向渐变不起作用

html - <video> 在其他浏览器中播放,但在 Safari 中不播放

ios - iPhone 无法通过 WiFi 连接到本地 HTTP 服务器

android - 将 webRTC 视频通过 RTMP 发送到服务器进行直播?

Android,如何从URL加载 'gz'文件并在加载时自动解压内容?

iphone - 哪些移动设备支持像 SQLite 这样的数据库?

iphone - 是否从 Apple Store 中删除旧应用程序以上传同名的新应用程序?

iphone - 如何检测用户何时滑动了可编辑的 UITableViewCell?