15得票4回答
iOS / 移动 Safari 在 viewport 设置为 user-scalable=no 时仍然缩放?请检查辅助功能设置!

这个问题是关于Mobile Safari的,虽然没有被记录下来,但是我花了很长时间才解决了它。即使我已经设置了<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; ...

91得票7回答
meta标签中的initial-scale、user-scalable、minimum-scale和maximum-scale属性是什么?

我正在查看一个网站的源代码,发现了这段代码。<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=...

12得票1回答
在Vulkan中翻转视口

从规范上来看: VK_KHR_maintenance1 允许在 slink::VkViewport::height 字段中指定负高度,以执行从裁剪空间到帧缓冲空间变换的y轴反转。这使得应用程序可以避免在还针对其他API的着色器中使用 gl_Position.y = -gl_Position....

189得票23回答
Overflow-x:hidden在移动浏览器中无法防止内容溢出

我有一个网站here。 在桌面浏览器中,由于body设置了overflow-x:hidden,黑色菜单栏只恰好延伸到窗口边缘。 在任何移动浏览器中,无论是Android还是iOS,黑色菜单栏都会显示其全部宽度,这会在页面右侧产生空白区域。据我所知,这个空白区域甚至不是html或body标签的一...

24得票5回答
移动Safari视口 - 如何防止水平滚动?

我正在尝试为移动Safari配置视口。使用视口元标记,我正在尝试确保没有缩放,并且不能水平滚动视图。这是我正在使用的元标记: <meta id="viewport" name="viewport" content ="width=device-width, minimum-scale...

19得票6回答
iPhone和Android中Viewport meta标记无法正常工作

我正在使用以下 HTML 代码<!DOCTYPE HTML> <html> <head> <title>test</title> <meta http-equiv="Content-Type" ...

18得票6回答
如何使用jQuery检查元素是否在用户的视图中

我在窗口中有一个很大的可拖动的 div。这个 div 里面还有一个较小的窗口。<div id="draggable-area" style="width:500px;height:500px;overflow:hidden"> <div id="draggable" sty...

36得票5回答
检查元素是否在视口的30%和60%之间

我正在尝试在视口的30%到60%之间更改<li>元素的颜色。 所以我有一系列像这样并排堆叠的元素: 我尝试了一些插件,如Waypoints、Viewport Checker和其他一些插件,但都不是很好用。 有什么建议吗? 我使用的是非常简单的结构: JSFIDDLE ...

7得票4回答
iOS 6中文本输入框的占位符属性在从横屏切换到竖屏时的问题

我在升级到iOS 6后遇到了一个问题,这让我很困扰。 似乎每当我在输入字段上使用“placeholder”属性,并从竖屏旋转到横屏再返回竖屏时,页面左侧会发生一些像素位移,导致出现水平条。 经过长时间的研究,我得出结论,这肯定是与meta视口有关,因为每次使用content="width=...

19得票1回答
使用JavaScript获取iPhone X的安全区域

在CSS中,我们有safe-area-inset-left, safe-area-inset-right, safe-area-inset-top, 和 safe-area-inset-bottom,但是如何使用JavaScript获取这些值呢?