繁体   English   中英

即使我已包含meta标签,也未设置“移动视口”

'Mobile viewport not set' even though I have included the meta tag

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在尝试构建一个响应式Rails应用程序。 当我浏览器出现故障(手动调整浏览器)时,该应用程序似乎响应良好。 但是,当我从浏览器控制台查看该应用程序时,它没有响应。

当我运行Google的“移动设备友好性”测试时,即使我在application.html.erb中包含以下元标记,它也会显示“未设置移动设备视口”: <meta name="viewport" content="width=device-width, initial-scale=1.0">

我正在使用

  • 导轨3.2.17
  • 红宝石2.1.4p265(2014-10-27修订版48166)[x86_64-darwin14.0]
  • Bootstrap(从Bootstrap网站下载,而不是gem)
  • Heroku的

如何设置“移动查看端口”?

问题暂未有回复.您可以查看右边的相关问题.
1 如果网页没有移动版本,我应该设置哪个元视口标记?

我正在开发一个没有移动版本的网页。 我希望便携式设备首先显示完整的缩小版本。 在阅读了几本手册之后,我得出结论,正确的视口元标记应如下所示: 因为我需要一个宽度为1200px的虚拟视口来正确显示我的网页。 然而github(它有移动版本,但它可以在手机上加载桌面)和Youtrack ...

2 解释未包含元视口标记时移动浏览器的行为

我有一个宽度设置为800px的div 。 当我在笔记本电脑上查看时,它会按预期显示。 但是当我在手机上访问网页时(或者只是使用Chrome开发工具使用iPhone 6视图)我希望div超出屏幕宽度,因为iPhone 6的宽度只有375点(CSS像素)。 现在我知道在包含&lt;meta ...

5 即使视口元标记中的分辨率宽度为1536,ipad 3设备宽度始终为768?

我试图了解ios设备的视口元标记。 我创建了一个测试页面,在那里我插入了一个862px宽的图像。 所以我将视口元标记为: 然而在ipad 3上,分辨率宽度为1536像素,并且视口设置为与ipad 3相同的可见区域,862px图像被炸毁,并且宽度略大于可见区域。 所以我必须水平滚动才 ...

6 视口元标记动态更改jQuery Mobile

我们有一个基于PhoneGap的应用程序,该应用程序基于jQuery Mobile构建。 当前,我们正在尝试使用视口元标记显式设置视口。 例如,我们在html页面中设置以下内容: 在我们的登录屏幕和仪表板上,这是可行的,但是在另一个页面中,视口被覆盖为 当我们查看jQue ...

7 视口中继标记在移动Safari中不起作用

我有一个网站,其菜单元素正好是900像素宽。 我希望使用viewport标签将900像素缩放到移动屏幕的宽度-但这似乎不起作用: 我的CSS只有一个具有任意宽度的元素,这是顶部菜单: 我希望网站可以很好地适合浏览器,但是在手机上,视口太小,在ipad上,视口太大。 如何使90 ...

9 使用视口元标记使网站在移动设备上可扩展

大家早, 我试图让我的网站,以便人们可以捏缩放移动设备,以便它加载到正确的大小。 目前在iPhone上该网站加载放大(一切看起来都很大),但你可以捏缩放它,使其适合手机的宽度。 在Chrome浏览器上用于Android但是缩放到缩放根本不起作用并且网站它放大了(不适合设备宽度) ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM