Tag: css

阻止应用程序拖动，但允许内部div元素在ios中滚动: 我有一个Web应用程序，我使用Phonegap适应iOS5。除了一个问题之外，一切正常。我的内部<div> s被设置为如果溢出滚动，并且滚动完美，如果在Chrome中溢出，则不会在iPad上滚动。 – 通过禁用touchmove禁用了应用程序拖动; – 我已经实现（也许不正确？）的-webkit溢出滚动：触摸CSS属性，显然是iOS5新的，如下所示：溢出：滚动; -webkit溢出滚动：触摸; 似乎没有任何工作。如果我注释掉禁用应用程序拖动（即touchmove）的javascript（从Phonegap），那么滚动工作，但拖动和滚动整个应用程序。任何帮助，将不胜感激。

（响应）桌面宽度不适合ios Safari浏览器内的iframe容器: 我有一个在iPhone的Safari浏览器里面的iframe的渲染问题。这里是例子： http : //jsfiddle.net/qb86ojms/ 如果你运行在桌面浏览器（较小的尺寸）或android chrome，它运作良好。表格不会超过它的容器。但是，在iPhone上，它不能正常工作。 PS创build这个响应表的方式只是我在谷歌上find的一个例子。我使用这个只是因为它更容易显示我遇到的问题。我实际上使用引导响应表。事实上，iPhone上都不行。因此，我认为桌子如何响应并不重要。问题应该更多的是如何强制表宽度100％来匹配容器的宽度。我已经尝试过的东西，但不起作用： 1。 table{ table-layout: fixed; } 添加溢出：隐藏到表中。在iframe完成加载之后将表格宽度调整为100％。

背景图像不显示在iPhone / iPad上: 由于内容的多less，我们的Magento网站上有一个背景图片，根据需要进行扩展。它在个人电脑和（希望Mac）上运行良好。但在任何iOS设备上，白色背景都不显示。我已经包含了两个屏幕截图 – 一个普通的PC浏览器的外观和一个显示它在iPhone上的外观。（请参阅下一篇文章的截图）这里是我们的网站： http : //tinyurl.com/arfpf7g 以下是直接显示在iOS设备上的图片的链接： http : //tinyurl.com/bcovmvg 谢谢！！

iOS Safariselect多个选项进行单一select: 我正在使用这个“空optgroup ”解决方法让iOS以可读的方式显示带有长文本的option元素。我正在使用下面的代码来testing这个解决scheme： <p>Choose something:</p> <select> <option>Option A</option> <option>Some other option which is much longer than the first two options that has a distinguising feature at the end: B!</option> <option>Some other option which is much longer than the first two options that has a distinguising feature at the end: C!</option> <option>Option D</option> <option>Option E</option> <option>Option […]

Swift＆UIWebView元素隐藏: 我得到了一个UIWebView，我加载这样的内容 let url = NSURL (string: "http://www.myresponsivesite.fr/section/"); let requestObj = NSURLRequest(URL: url!); webView.loadRequest(requestObj); 它的工作是完美的，但我想把一些div和其他元素显示没有。所以我的问题是：如何从我的应用程序快速注入一些CSS？谢谢。

什么是iOS设备处理的默认方式：hover伪类？: 我有一个可以点击的div（通过jQuery $('.mydiv').click ） – 这扩展了div，第二次点击崩溃。相同的div有一些CSS :hover规则适用于它（即显示hover的更多信息） – 这在个人电脑上的预期。当使用iOS设备时，点击工作，也适用:hover伪类 – 所以我的额外信息显示。这几乎是我想要发生的（令人惊讶的）。然而，只要在CSS中使用:hover伪类，并不意味着点击就会显示出来。那么iOS应用（或不） :hover状态的规则是什么？有一些文档可以查看吗？我真的不想在隐藏function下隐藏function，必须编写一些触摸特定的JavaScript来使它们工作，因为看起来iOS似乎已经在为我做一些工作 – 我只想知道如何使用该function而不仅仅是发生在它身上！

固定的定位元素在页面卸载时消失: 我有一个固定的顶部导航栏，停留在页面的内容正在滚动的一切。我注意到，在Chrome for iOS和Safari独立模式下，固定条消失在页面卸载任何其他元素之前。如何使所有的元素，无论定位，同时消失？演示： http : //kodu.ut.ee/~b04866/demo/demo.html在Chrome for iOS中加载页面，反复点击刷新。观察固定的div先消失，然后看剩下的内容，最后重画页面。

在iOS上的Safari上的<select>元素上消除箭头和样式: 我发现当我devise元素（特别是background: transparent ）时，iOS上的Safari中缺less箭头。有没有人经历过这个，或知道为什么它隐藏浏览器铬？我是否可以使用条件语句来为iOS上的Safari应用CSS（无JS）？该设备正在运行iOS 6.1.2。这里是在iOS（iPad2）的Safari的屏幕截图：这里是Safari的屏幕截图（桌面，Windows 7，所有其他桌面浏览器相同）： CSS： select.choose_state, select.choose_state option { background: transparent; } select.choose_state { border: 1px solid #000; -webkit-appearance: none; -webkit-border-radius: 0px; outline: none; float: right; position: relative; top: 35px; margin-right: 15px; font-size: 1.4em; } HTML： <select name="state_select" id="state_select" class="choose_state" size="1">[…]</select>

iOS Webkit忽略媒体查询: 我正在使用移动优先开发方法在一个网站（ villa-antonia ）上工作。也就是说，我的CSS首先是移动的，然后添加/覆盖样式与媒体查询更高的分辨率。事实是，在iPhone中，背景图像加载在所有东西之上，尽pipe在媒体查询中有更高的分辨率。这是CSS文件（我认为涉及的部分）的一部分： body { background: #c70000; overflow: auto; -webkit-overflow-scrolling: touch; } /* Minimum width of 960 pixels. */ @media only screen and (min-width: 960px) { body { background: transparent url('images/bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } } 在我的CSS的理解，iPhone甚至不应该加载bg.jpg图像，因为是在媒体查询。但是，当我向下滚动时，这就是我所得到的：你看到的车是bg.jpg的一部分，我向下滚动显示在屏幕上的bg.jpg越多。我真的不知道为什么加载图像…任何想法？ PS：在iPad和iPhone 4（以及可以在iOS模拟器上testing的所有其他设备）中也是如此。