jquery - 如何将图像元素定位在视口(viewport)中间？

In lại Tác giả: Walker 123 更新时间：2023-11-28 17:45:37 27 4

27 4 0

• viewport - 检测鼠标何时离开视口(viewport)顶部？

  我想检测鼠标何时离开顶部的视口(viewport)(可以说是向北)。我在网上搜了下How can I detect when the mouse leaves the window? .是一个好的开始

• viewport - 更改平板电脑视口(viewport)以准确显示固定尺寸元素

  我有一个 HTML 元素，宽 1000 像素，高 850 像素(它实际上是一个 iFrame，在 canvas 标签上包含一个 HTML5 游戏，但我希望这不会有影响)。 我希望元素在平板电脑上呈现，

• c++ - 将视口(viewport)渲染到纹理会产生重叠视口(viewport)？

  我正在创建一个 2D 引擎，我想实现对接，所以我需要创建一个视口(viewport)并将屏幕渲染为纹理。 为了渲染视口(viewport)，我将帧缓冲区保存到一个 FrameBufferObject

• javascript - 如何获取具有元视口(viewport)大小的移动设备的实际视口(viewport)？

  大多数移动页面都提供元视口(viewport)尺寸，例如 出于 iphone 向后兼容的原因，这将在宽度上模拟 320px... 但是当我通过 javascript 检查时 window.screen

• html - 使用桌面浏览器的元视口(viewport)标签设置视口(viewport)

  我有一个客户提供的宽度为 1440 像素的网站。客户要求我使用以下方法将视口(viewport)设置为 1440 像素对于桌面浏览器，小于 1440 像素的屏幕不显示滚动条。 它确实适用于移动设备、i

• javascript - 移动设备上的视觉视口(viewport)与布局视口(viewport)

  我刚刚读了一篇 nice article on viewport这给我留下了几个关于移动设备上的视觉视口(viewport)与布局视口(viewport)的问题。 the width and the

• css - 如果布局视口(viewport)小于视觉视口(viewport)会发生什么？

  layout viewport和visual viewport的解释可以找到here . 我已阅读 here和 here那个应该使用 如果想针对移动设备优化网页。 我想了解这对横向模式下的 ipho

• javascript - 有没有办法在没有视口(viewport)元标记的情况下获得硬件像素中的真实视口(viewport)大小？

  我想用javascript获取视口(viewport)宽度。但不是常见的虚拟视口(viewport)。我需要逻辑硬件视口(viewport)，在我的情况下，它不是设置视口(viewport)元标记的选

• javascript - 当菜单在视口(viewport)外时触发事件并将菜单固定到视口(viewport)顶部

  我有一个 menu 元素，如果 menu 元素变得在视口(viewport)之外，我想固定到浏览器视口(viewport)的顶部由于滚动。从概念上讲，我的网页看起来类似于下面的示例 HTML，其中菜单

• c++ - 如何创建多个视口(viewport)，每个视口(viewport)都有不同的场景？

  关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post . 关闭 4 年前。 Improve this qu

• html - 为什么不同视口(viewport)中的浏览器会一直隐藏我只想针对特定视口(viewport)大小隐藏的内容？

  我只包含了“main”的 HTML 代码，因为这是我希望能够通过媒体查询控制的部分。我希望内容只能在小于 480 像素的视口(viewport)上查看，但浏览器似乎隐藏了所有视口(viewport)尺

• javascript - 固定在视口(viewport)下方并在视口(viewport)中滚动一次的菜单？

  我不知道如何描述这个，所以最好的办法是链接一个例子:http://www.pascalvangemert.nl/#/profile 无论这个人对侧边栏菜单做了什么都很棒，我很想复制它。我试过检查，但我

• javascript - 具有特定视口(viewport)宽度的超出视口(viewport)高度的额外空间

  我遇到了一页末尾有空白的问题。据我所知，没有元素占据空间。仅当视口(viewport)设置为特定宽度时才会出现该空间。例如，它出现在宽度 940 和 400 左右，但不是 550 或非常宽。 起初我以

• html - 视觉视口(viewport)和布局视口(viewport)之间的区别？

  iPhone/iPad 等移动设备的视觉视口(viewport)和布局视口(viewport)有什么区别？ 网上查了很多资料，还是不清楚。 最佳答案 视觉视口(viewport)是当前显示在屏幕上的页

• html - 尽管有元视口(viewport)标签，Firefox 移动版仍可缩放视口(viewport)

  我正在使用这个元标记来设置移动浏览器上的视口(viewport)大小: 和这个 css 以确保较大的图像不会导致在较小的视口(viewport)上滚动: img { max-width: 95%;

• html - 基于视口(viewport)高度的剩余视口(viewport)宽度的 CSS

  这是针对平板电脑浏览器的，它使用相对于视口(viewport)宽度/高度的尺寸。为简单起见，假设横向。 我在一个全屏容器中有两个 div，就像提供的图像一样。他们有 position:absolute

• c++ - 视口(viewport)内的 OpenGL 视口(viewport)

  我在 opengl 中创建了一个迷宫，并且正在尝试创建一个小 map 。为此，我想到在视口(viewport)内创建一个视口(viewport)。我有三种方法，一种用于创建墙壁，另一种用于创建地板，另

• java - libgdx 视口(viewport)中的视口(viewport)更改

  所以我有 2 个屏幕:一个级别选择屏幕，使用分辨率为 720 x 405 的 FitViewport，然后是一个游戏屏幕，使用分辨率为 480 x 270 的 FillViewport，按每米像素数

• html - 无论视口(viewport)宽度如何，使图像在视口(viewport)中居中

  无论视口(viewport)的宽度如何，我都有一个图像幻灯片，我试图将其置于视口(viewport)的中心。如果视口(viewport)比图像宽，使用 margin: auto; 很容易实现，但是，当

• javascript - CSS3 百分比值不使用调整大小的视口(viewport)，而是使用旧的视口(viewport)大小

  我有一个元素，该元素具有从屏幕边缘底部弹出并循环向下弹出(虽然不是完全向下)的动画。下面的代码对此非常有用。但是，有一个问题。当浏览器全屏显示时，百分比占旧视口(viewport)大小而不是新视口(v