我正在尝试了解iOS设备的视口(viewport)元标记。我创建了一个测试页面，我在其中插入了一张862像素宽的图像。所以我将视口(viewport)元标记设置为:然而在ipad3上，分辨率宽度为1536像素，视口(viewport)设置为与ipad3相同的可见区域，862px的图像被放大了，宽度比可见区域。所以我必须水平滚动才能看到图像的其余部分。这让我觉得device-width返回768像素，这说明了862像素图像的水平滚动有点额外。为什么要这样做？我必须考虑某种像素密度吗？更新我已经尝试将宽度设置为数字宽度，与图像的宽度完全相同(在本例中为“862”)。所以网页是862X206

我开发了一个web应用程序，并成功地使用视口(viewport)元素使该应用程序适合不同的设备。例如在iPhone上我使用了这个:我的Web应用程序在iPhoneSafari浏览器上使用此视口(viewport)看起来不错。因此我想，在PhoneGap的帮助下将我的webapp包装成AppStore应用程序会很容易。但到目前为止，我没有运气这样做。viewport标签似乎被完全忽略了。所以这是我的问题:视口(viewport)标记是否在PhoneGap上以特定宽度(如上例所示)工作？还是我必须重新设计响应式网页设计？ 最佳答案 我已

在iPad上运行良好，但在iPhone上运行不佳任何代码都可以指向iPad和iPhoneiPadiPhone 最佳答案 iPhone最大宽度是480px而不是440px这将关闭可缩放选项的视点这是一个仅适用于iPad的css文件这是一个仅适用于iPhone的css文件它们是条件注释，因此它们将仅适用于具有指定最大宽度的特定设备。 关于iphone-"Viewport"由HTML中的META标记...如果iPad=X并且如果iPhone=Y？，我们在StackOverflow上找到一个类似

有没有办法通过JavaScript或PHP检测iPhone6和6Plus？我需要jQuery中条件ifelse的bool值。它适用于Safari(或UIWebView)中的网络应用程序。我试图检测屏幕分辨率，但由于元视口(viewport)或像素比(我真的不知道)，输出值在iPhone5、iPhone6和6Plus上是相同的。提前致谢! 最佳答案 对于javascript，它将是两种方法的组合:functioniPhoneVersion(){variHeight=window.screen.height;variWidth=wind

有人遇到同样的问题吗？content="width=device-width"当我的iPhone仍然是i0S6并且我刚刚更新到iOS7并且它似乎不再工作时它可以工作......或者它可能是导致问题的其他原因？有人有什么想法吗？现在我正在使用这四个视口(viewport)content="width=device-width,maximum-scale=1.0"/>` 最佳答案 我刚遇到这个问题。事实证明，您必须将视口(viewport)信息放在一行中。在以前的iOS版本中，视口(viewport)信息是累积的。现在它只使用最后一个。

当我在iPhone中使用Safari查看以下html文件时，它没有按预期显示内容的整个宽度:iOSViewportTestbody#wrap{width:1008px;border:1pxsolid#000;}h1{font:30pxsans-serif;}Here'ssomequiteeloooongatedtextthatshouldmakethescreenatleast1008pxwideormore谁能看出我做错了什么？物有所值，我有iOS6.1和Safari6.0 最佳答案 尽管我非常仔细地阅读了苹果的各种视口(view

我有一个带有以下CSS的标题:.header{display:block;top:0;position:fixed;width:100%;max-width:1320px;z-index:10;box-sizing:border-box;}我在内容容器中无限滚动。在iOS11中，当我滚动时，标题会消失一秒钟，然后再次出现。我尝试了以下修复:转换:translate3d(0,0,0)转换:translateZ(0)-webkit-transform:translate3d(0,0,0);-webkit-backface-visibility:隐藏；-webkit-perspective:

在iOS网络浏览器(Safari、Chrome等)中，当您点击输入字段并显示键盘时，它会保持视口(viewport)大小不变，但会向上滑动部分不在视野范围内。这使得创建类似应用程序的网站变得非常困难，因为我正在编写一个聊天应用程序，当键盘显示时我想保持对话完全可见，但只需调整对话区域的大小以适应新的“调整大小”的可视区域。我已经尝试了所有方法，例如让对话区域绝对定位left:0;右:0；顶部:0；bottom:0，但iOS仍然保持视口(viewport)大小相同并将其向上推，部分超出View。这可能吗？还是超出CSS或JavaScript控制的系统级功能？

我正在创建我们将在工作中构建的应用程序的快速原型(prototype)，以便我们可以对某些功能进行快速用户测试。我的设计师以640像素的宽度创建了我的图像，以匹配iPhone5的分辨率。因此，为了让事情变得简单快捷，我使用了这个视口(viewport)标签:这在移动版Safari中完美运行，但现在我将其包装在PhoneGap中，它的行为就像比例设置为1。关于我需要做些什么来解决这个问题有什么想法吗？谢谢。 最佳答案 我找到了。项目的根目录中有一个“config.xml”。设置这一行:要像我这里的代码片段显示的那样“真实”，使应用程序

我正在开发移动网络应用程序。但是，iOS5.1或以下版本的safari内存有限。当我使用css3转换时，我需要最小化内存使用。我发现如果我使用css样式“display:none/visibility:hidden”，应用程序不会因内存问题而崩溃。所以我想在它们真正隐藏的时候让它们“隐藏”起来。我的英语不好。图片可以显示我想要的:上传图片**:**另一个网站示例使用css“visibility:hidden”属性在不在屏幕上时隐藏每个session:examplewebsite:DentsuNetwork 最佳答案 有一个plugi