问题标签 [viewport]

我正在尝试制作一个在手机上运行良好的网站。到目前为止，我测试过的每部手机都运行良好，但带有 Windows Mobile IE 的手机。似乎 Mobile IE 只是读取了<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>并且没有将宽度设置为设备宽度。

任何人都对此有任何经验或任何使网站在 Mobile IE 上更好地查看的提示？

谢谢您的帮助！

我正在尝试使用 OpenGL ES 2.0 在我的 ipod touch 上进行我的第一步。我想知道如何解决这个坐标问题..

为了更好地解释，我试图绘制一个四边形并使用顶点着色器旋转/平移它（也是因为从我读过的内容来看，这似乎是唯一的方法）。

由于我正在使用 ipod，因此我设置了一个1.5 : 1比率和一个视口

那么0,0裁剪的中心和边界应该在-1.0, -1.0,-1.0, 1.0等处（对吗？）

由于纵横比，要绘制一个正方形，我必须对 x 和 y 坐标使用不同的值：

这是一个带有两条对角线的正方形（我知道使用索引会更有效，但这不是重点）..

然后我尝试编写一个顶点着色器来在移动对象时旋转它：

它可以工作，但由于坐标不同，四边形在旋转时会变形。我应该如何防止这种情况？我想是否可以将视锥体更改为具有不同的界限（不是两个轴上的 -1.0 到 1.0，以便在 y 轴上放大可以解决问题）。

另外有没有更好的方法来使用矩阵？我的意思是，我习惯于使用glRotatef而不必指定整个矩阵。是否存在方便函数/构造函数来完成这项任务？

我有一个在世界坐标中定义的对象，比如一个以 (2,3) 为中心、半径为 4 的圆。如果我希望圆不变形，则在视口中完全可见并在视口中尽可能大，我如何制定一个 gluOrtho2D 命令来根据上述规范创建一个世界窗口，因为：

我对整个视口与世界与屏幕等坐标感到困惑。有人可以带我过去吗？我真的很想掌握这个。

我正在构建一个网络 iPhone 应用程序，该应用程序涉及使用 Javascript 按需更改视口。我通过更改标签的内容属性来做到这一点。这在大多数情况下都很有效，除非涉及到方向变化。

每次我在方向更改事件后尝试更改视口时，页面不再缩放到完整大小，并且出现方格背景。

这是重现此问题的一种方法：

1. 转到 http://daedalus.rcboyce.com/viewport/
2. 调整为 980（iPhone 的默认值）
3. 调整为 320（有效）
4. 调整回 980
5. 进入横向模式
6. 再次返回纵向模式
7. 调整为 320（每次尝试都失败）

这是它的外观截图： http: //tinypic.com/r/15qyzoh/6

有人知道为什么会这样吗？这是一个 MobileSafari 错误吗？如果是，是否有办法修复它？

我有一个具有以下要求的布局

• 左侧是图像，右侧是内容。

• 图像固定在视口的左下角

• 用户滚动时图像不会移动

• 图像调整到视口的 100% 高度，直到它的最大高度。（我不希望图像扭曲，因为它试图比实际更大）

• 图像保留其纵横比，并根据高度调整大小调整其宽度。

• 内容从图像的右侧开始，并随着图像随浏览器视口调整大小而移动。

现在，我已经设法实现了几乎所有这些要求，但最后一个要求除外。

看看这里：

http://letteringmusic.com/

图像调整得非常好，但我无法让内容漂浮在图像旁边，因为图像是位置：固定的，因此不在文档流中。

如果这是获得我想要的结果的唯一方法，我不反对 javascript 解决方案。

有人知道我需要做什么才能完成这项工作吗？

谢谢！！

我正在尝试根据视口和滚动来切换元素。

通过使用$(window).scroll(function()..我可以在用户滚动时触发一个事件，但是如何检查您是否滚动到顶部以隐藏元素？

我需要确定给定的选择是否在起始线和结束线之间。我ILineRange在 Eclipse 的视口中有一个给定的偏移量。（我需要知道，如果选择（来自远程方）是在本地用户的当前视口中进行的。不幸的是，我无法ILineRange从选择中获得。我必须依赖 getOffset() 和 getLength()...
有人有想法吗？
我认为这没有一个干净的解决方案，因为偏移量（或每行的字符不同（新行行或一大块注释）。

我正在使用 jquery 编写一个站点，该站点重复调用$(window).width()并$(window).height()根据视口大小定位和调整元素的大小。

在故障排除中，我发现当视口未调整大小时，在重复调用上述 jquery 函数时，我得到的视口大小报告略有不同。

想知道是否有任何人知道何时发生这种情况的特殊情况，或者这就是这种情况。报告的大小差异为 20 像素或更少，它似乎。它发生在 Mac OS X 10.6.2 上的 Safari 4.0.4、Firefox 3.6.2 和 Chrome 5.0.342.7 beta 中。我还没有测试其他浏览器，因为它似乎不是特定于浏览器的。我也无法弄清楚差异取决于什么，如果不是视口大小，是否还有另一个因素导致结果不同？

任何见解将不胜感激。

更新：

改变的不是和的$(window).width()价值观$(window).height()。这是我用来存储上述值的变量的值。

影响值的不是滚动条，变量值更改时不会出现滚动条。这是我将值存储在变量中的代码（我这样做只是为了使它们更短）。

（所有这些都在 内$(document).ready()）

//最初声明变量对其中的其他函数可见.ready()

我插入了一条警告语句，以根据它们应该持有的值来探测上面的变量。这些$(item).param()值保持一致，但我的变量因我无法弄清楚的原因而发生变化。

我一直在寻找我的代码可能会改变相关变量值的地方，而不是仅仅检索它们的设置值而找不到任何值。如果有可能，我可以将整个 shebang 发布到某个地方。

我正在构建一个旨在在 Android 浏览器上运行的网络应用程序。

当我的网页包含任何类型的视口元标记时，如下所示：

我的网页在 ajax 调用时崩溃。它发生在使用模拟器、我的 nexus 上的实际浏览器和机器人（都运行 Android 2.1）上。

如果没有元标记，ajax 调用将按应有的方式运行。

有任何想法吗？

有没有办法确定网页上移动 Safari 中“视口”的位置？就像手机当前在页面上看到的 x、y、w、h 像素位置一样？