在Safari Mobile (iOS)上导致页面顶部空白的CSS问题

文章/答案/技术大牛

发布

2回答

ios、css、mobile-safari

当我浏览网站的手机版时，每个页面的顶部都有一个水平的白条，高度约为15px。下面是相关的CSS代码和HTML标记：body { font-family: Verdana, Geneva, sans-serif;</p> </div> 我尝试过CSS

浏览 5提问于2017-07-18得票数 4

回答已采纳

1回答

Android v4.0 CSS翻译

android、css

我使用JQuery和JQuery Mobile作为库。该页面仅使用HTML5、CSS3和JavaScript。我正在编写的日期选择器使用-webkit-transform: transform(0，-20px)函数滚动数字列表。这在Chrome，Safari，iOS，Android2.3.*上运行良好。但在Android 4.0.1上，它改变了不同元素的顺序。这会导致文本跳到覆盖的前面，使微调器变得

浏览 1提问于2012-02-17得票数 0

2回答

第一次访问iOS9上的Safari中出现空白但可选择的页面

javascript、html、ios、css、safari

因此，如果您在上访问iOS9上的Safari。在第一次访问或较慢的连接时，整个页面在safari中呈现为空白。这是一个相当标准的页面。没有特定的代码可以调用，这可能会导致这种情况。这是一个具有不同css文件的新页面，它是第一个响应<em

浏览 1提问于2015-10-21得票数 8

回答已采纳

2回答

通过CSS防止Safari* (小牛/iOS7 7)结扎*

html、ios、css、safari、ligature

是否有可能阻止在小牛/iOS7 7上的Safari/Mobile在any字体中呈现连接线？我们面临的问题与不可用的连接在字体显示为空白。我们已经尝试在CSS中使用这个：font-feature-settings:"liga"

浏览 2提问于2013-10-25得票数 6

回答已采纳

2回答

mobile Safari:当焦点放在输入上时防止滚动页面

javascript、jquery、ios、css、safari

当用户点击输入时，我正在尝试阻止滚动页面： <input value="tap to focuss" readonly> e.preventDefault(); this.setSelectionRange(0, 9999);几个问题： 1)当用户点击输入页面时，滚动到元素

浏览 1提问于2016-06-25得票数 6

4回答

如何在iOS中删除Safari中的地址栏？

iphone、ios、mobile-safari、ios5、address-bar

Window.scrollTo(0，1)的老把戏；不起作用。更糟糕的是，地址栏只移动了一点，有时会卡住一半。

浏览 1提问于2011-10-25得票数 13

1回答

Safari: Safari CSS打印定位错误有解决办法吗？

html、css、safari、mobile-safari

对于Safari For macOS (13.0.3)和iOS (iOS 13.4.1)的最新版本，存在一个影响页面底部对象的CSS定位的bug --但仅用于打印。例如，下面的HTML代码显然应该在页面底部绘制一个绿色区域：

浏览 3提问于2020-04-28得票数 0

1回答

iOS Safari横向滚动改变底部位置

css、reactjs、scroll、css-position、mobile-safari

我在ReactJS工作。我在手机上有一个菜单栏，上面有position: fixed和bottom: 0。它位于页面的底部，在除Safari之外的所有浏览器中都是纵向和横向的。在肖像中，它工作得很好。当您切换到横向时，它位于正确的位置，直到您向下滚动页面。当safari丢弃搜索菜单时，它会将菜单栏推到屏幕下方。对我来说(考虑到菜单栏的位置没有改变)，搜索菜单的下拉似乎将文档

浏览 25提问于2020-08-17得票数 0

1回答

HTML5本地存储在iOS* 6、7或8上的UIWebView中不起作用*

javascript、ios、uiwebview

我有一个应用程序，是拉到UIWebViews的网站的一部分。这些页面使用本地存储来保存状态，比如上次查看的内容和各种设置等。相关页面在主站点上可以在标准浏览器中正常工作，甚至可以在Mobile Safari中正常工作，但在UIWebViews中不能正常工作。我一直在深入研究，看到一些关于使用iOS6对本地存储缓存进行更改的讨论，但没有清楚地了解这

浏览 0提问于2012-10-22得票数 8

回答已采纳

3回答

选择框不允许选择UIWebView iOS9

javascript、html、uiwebview

我有一个简单的网页应用程序，它在IOS9上表现得很奇怪。应用程序使用UIWebview访问我的网站。我有一系列有选择框的网页，当选择时，一个小的javascript会触发并转到下一个页面。我的Iphone用户已经更新到ios9，不再能够从选择轮中选择任何东西。我想知道在html或Javascript中是否有什么我可以改变的东西，以避免我不得不进行整个应用程序的更新。我的网页在下面。

浏览 1提问于2015-10-12得票数 12

3回答

$(“.element”).first().trigger(‘.element’)-不工作的iPad

javascript、jquery、ios、lightbox、image-gallery

我正在使用：来创建点击图片库的动作。这样做的原因是我正在使用页面上其他地方的‘开始画廊’按钮，并希望这个按钮打开画廊的第一个图像，然后用户可以向前和向后移动他们喜欢的。我正在为画廊使用iLightBox，但找不到任何它内置的东西，无法通过jQuery从另一个按钮或操作中打开画廊。我目前使用的代码在<

浏览 1提问于2015-01-30得票数 1

1回答

在移动safari，iphone上固定位置的div中选择菜单

iphone、select、fixed

我正在建设一个网站，有一个固定的位置，其中包含一个选择菜单的标题。标题应该保持锁定在屏幕顶部，因为css中的位置:已修复。然而，当在iphone的mobile safari中点击select菜单时，当ios select菜单打开时，标题不再锁定在顶部。ios似乎将带有选择菜单的div居中到菜单上方屏幕的可见区域。当页面滚动到顶部

浏览 1提问于2013-05-15得票数 1

3回答

Jquery移动延迟自动隐藏地址栏

jquery-mobile

我很高兴地用Safari开发了一个移动网站，除了在主页上隐藏浏览器地址栏的明显延迟(在iOS JQuery上大约5秒)之外，一切都运行得很好。AJAX转换意味着从那时起它总是被隐藏，但在页面加载后，网站徽标在打开页面后隐藏了5秒钟，给用户一种非常无品牌和令人困惑的感觉。有没有人能想到延迟的原因/加速的方法？页面上没有加载大图像，在地址

浏览 1提问于2012-11-09得票数 0

回答已采纳

1回答

无法在iOS* 10.3 Safari中工作的应用程序商店的HTML链接*

html、ios、hyperlink、safari、app-store

我有一个横幅小部件，放置在第三方网站上。横幅广告是通过iOS应用商店或Google下载应用程序。这些链接在桌面浏览器上运行良好，但出于某种原因，在iOS Safari (iOS v10.3)上，App链接已经失效，但Google链接工作正常。iOS链接返回"Safari无法打开此页面，因为地址无效“。该链接是有效的，因为它在桌面浏览器上工作。对于如何让这个链接在

浏览 2提问于2017-06-09得票数 0

1回答

当DOM在iOS中准备好时，我如何强制将注意力集中在一个文本字段上？

javascript、jquery、html、iphone、ios

当DOM准备好时，iOS (iPad/iPhone/iPod)中的一个如何使用jQuery强制将注意力集中在输入元素上呢？我有一个条形码网页，需要焦点立即放在一个文本框上。我发现jQuery对IE、火狐、Chrome、Safari、Android都很好，但是iOS移动Safari和iOS移动Chrome不会让我在DOM准备好时专注于文本字段。

浏览 3提问于2013-08-29得票数 1

2回答

Mobile Safari iOS仅在第一次访问页面时无法加载多个小文件(如图像或JavaScript

javascript、ios、mobile-safari、loading

我一直在处理iPhone和iPad上的一个问题，它无法同时加载多个资产。两种场景：在这两种情况下，<

浏览 0提问于2012-03-13得票数 6

6回答

修复Mobile* Safari (iPhone)上的字体大小问题，其中文本呈现不一致，并且某些字体比其他字体更大？*

iphone、css、layout、mobile、mobile-safari

我们的站点在移动Safari上呈现的字体大小不一致--据我们所知，只有mobile Safari。这把我们难倒了。我们用Firebug分析了这个网站，发现错误的区域继承了正确的样式，但字体仍然以错误的大小呈现。2)搜索域名。左侧的方框显示不正确的字体大小。字体大小应与右侧的字体大小匹配(方框标题和方框副本)。例如，标题"Variations“和"

浏览 1提问于2011-03-15得票数 81

回答已采纳

2回答

在UIWebView (嵌入式移动safari)中右填充/边距不能正常工作

ios、css、uiwebview、mobile-safari、padding

这是在iOS应用程序内部的UIWebView中使用的。它在普通的Mobile Safari中似乎工作得很好，但在嵌入式浏览器中就不行了。基本上，我有一些HTML和CSS。我期望看到的是，身体的内容被空白的空间包围。在桌面Safari中，这是可行的。但是由于某些原因，在Mobile</

浏览 3提问于2012-11-15得票数 1

回答已采纳

2回答

网站无法在Ipad和iPhone上运行

jquery、html、css

问题是，屏幕不适应视口(第一次加载时，两侧没有白边距)，而且如果你缩小并看到整个页面，屏幕上也会出现奇怪的大白边距。content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=yes">这是我

浏览 2提问于2012-12-15得票数 2

回答已采纳

1回答

如何在移动狩猎中短暂地禁用滚动？

jquery、ios5、jquery-mobile、position、mobile-safari

但是，我给它添加了一个文本输入字段，现在当文本输入被聚焦时，它会导致键盘出现，这会迫使固定的导航因为某种原因在键盘上方的页面上移动，在键盘和键盘之间添加大约60 of的空格。要明确的是，我试图解决的问题不是固定导航向上移动，而保持在视场底部，触摸键盘顶部。相反，它是在键盘上方再移动50或60个像素，显示它和键盘之间的空白，使得页面</em

浏览 2提问于2013-03-05得票数 3

点击加载更多