android - 网站无法在手机屏幕上全屏显示

标签 android html css wordpress jquery-mobile

当我在任何 Android 手机上测试我的开发网站时,该网站无法在手机屏幕上全屏显示。附件是快照。我只是想让它适合移动设备。

我正在使用 wordpress 和 Twitter Boostrap 来制作我的网站。在我的头部标签上,我有一些在互联网上找到的适合移动设备的网站的元标签。请注意,这不是响应式网站。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9,chrome=1">

请帮忙?

Android Mobile Device, Site not fully fitting to the mobile screen size

最佳答案

如果您正在设计响应式网站,但想要“修复”移动设备中网站的宽度,即最大宽度 800px,我发现我唯一的解决方案是更新初始比例大小。对我来说效果很好的是这样的,注意“initial-scale”值:

<meta name="viewport" content="width=device-width, initial-scale=0.4">

希望这对某人有帮助!

关于android - 网站无法在手机屏幕上全屏显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18991349/

相关文章:

css - 当轮廓样式为自动时,轮廓偏移不会应用于 Chrome/Windows

android - 在 MediaPlayer 中播放字节数组 - Android

javascript - HTML 中的颜色选择器对话框

jquery - 当表格存在时隐藏不起作用

javascript - 如何使用 CSS var() 设置全局变量(无需设置每个元素的属性?)

html - 我无法在不破坏我的网站的情况下调整图像大小

android - findViewById() 为自定义 View 返回 null - Android

java - 应用程序终止或销毁时文件下载不完整

Android TextView 重力底部意外行为

html - 查找不直接的元素