Tag: html

基于触摸设备的下拉菜单

我在我的网站上有这个导航栏,它不会在我的iPod touch上下拉,我怀疑iPhones和iPad也是如此。 这是其中的一页 我想知道是否有任何快速修复启用触摸/hover。 CSS

Objective-c:如何在没有UIWebView的iOS中将html <img>标签显示为图片

我正在为一个新闻网站开发一个iOS应用程序,应用程序从一个url中获取JSON数据,数据是一个HTML,有时候像这样embedded了图像: <div class="row ">some text here then <div class="col-xs-12 "> <div class="col-sm-5 col-xs-12 pull-right"> <img src="image_url" /></div></div> 到目前为止,我知道如何只获得文本(删除所有的HTML标签),但我不知道如何显示embedded在该string中的图像。 有谁知道这是怎么做到的吗 ? 注意我研究了很多,没有find一个解决scheme。 提前致谢。

问题iOS 7移动Safari滚动键盘上下滚动事件

我正在testing一些滚动事件,并注意到有一个滚动事件触发iOS 7移动Safari在键盘上,但不是在键盘解除/closures。 我想知道为什么有人知道这是为什么? 我个人认为这是一个错误(并且正在尝试报告,但目前无法login到错误跟踪器),并且他们应该select在两个键盘上上下滚动滚动事件,或者select不丢弃它们完全是因为它看起来回到了以前的状态。 为了演示这个问题,我创build了这个小站点,您可以点击input框,看到滚动事件在键盘上触发,但是在键盘菜单上按下完成时屏幕不会触发,屏幕会滚动到初始位置。 我添加了一个可扫描的二维码,将您发送到下面的testingurl。 提前致谢! testingurl: http : //lp.mydas.mobi/test/cs/scroll_issue/error.html testingqr:

从iOS上的htmlinput中删除select灰色阴影

我目前正在为我的iOS应用程序的HTML富文本编辑器,所以,设置很简单,我有一个UIWebView加载我的编辑器代码,HTMLinput是一个'contentEditable'DIV 。 问题是每次我select这个div来input一些文本时,input框上会出现一个浅灰色的框,告诉用户文本框已经被选中。 注意 :您可以在此快速video中看到效果 我的问题是: 如何删除这个浅灰色的框架? 我的HTML文件如下: <html> <head> <style type="text/css"> :focus{ outline:0px solid transparent; } DIV::-moz-focus-inner { background-color:#ff0000; border: 0; padding: 0; } ul{ margin-left:-10px; } ol{ margin-left:-10px; } blockquote { border-left:#ff0000 5px double; margin-left:0px; } </style> </head> <body onload="addImgAttributes();checkBlockquote();" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0"> <div id="content" class="content" contenteditable="true" style="font-family: Helvetica; background-color:#fff; color:#000; height:258px;" […]

如何在移动Safari中提交表单后重置缩放,同时保持用户的可伸缩性?

当用户从iPhone / iPadlogin到我的应用程序时,Safari(帮助)在用户填写用户名/密码字段时放大。 但是当表单被提交并且我们login时,我们不会重新加载页面(这是一个单页面应用程序),所以缩放从不重置。 所以应用程序总是以放大的比例开始。 我曾经看过杰里米·凯斯 ( Jeremy Keith)的解决scheme ,它成功地重置了缩放,但是也阻止了用户将来的缩放/缩放,因为他设置了视口的maximum-scale 。 喜欢这个: var viewportmeta = document.querySelector('meta[name="viewport"]'); if (viewportmeta) { viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0'; } 有没有人看到一个很好的解决scheme后重新提交表单提交,没有冻结了视口后?

元视口标签似乎完全忽略或没有效果

我已经把这个标签放在网页的头部: <meta name="viewport" content="width=device-width,initial-scale=0.47,maximum-scale=1"> 出于某种原因,它似乎只是我的iPhone上被忽略,甚至添加user-scalable=no没有影响。 我已经尝试了许多宽度,初始尺寸等值…似乎没有任何效果。 有谁知道可能是什么原因造成的? 在源头上我可以清楚地看到它在标题中。 我的iPhone在iOS7上。 编辑:问题仍然发生在iOS6与Xcode ios模拟器,所以我不认为这是由于iOS7。

iOS Phonegap多行文字select错误?

我正在创build一个PhoneGap应用程序,要求用户在p元素内select文本,然后将修改它的文本“复制”到我的需要。 然而,在p标签内select文本存在一个问题。 从我的服务器中检索文本,输出如下所示: <p style="white-space:pre-wrap">Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus […]

iOS 9.x中的embedded式Facebook浏览器错误的视口/页面高度

使用iOS 9.x(至less)的Facebook应用程序中的embedded式浏览器从core-layout打开演示应用程序时,当设备处于纵向模式时,页脚元素不可见。 如果将设备旋转到横向模式,页脚将部分可见。 但是,页脚(带button)应该完全可见。 第一张图片显示了演示应用程序的外观,第二张图片显示了如何使用Facebook应用程序的embedded式Web视图查看演示应用程序缺less页脚(图像是从Chrome桌面浏览器获取的,说明了该错误是如何体现的) : 在testing了很多不同的假设之后,我们得出结论,这个错误是由于浏览器使得页面/视口高于可见区域而造成的。 这个bug似乎与iOS9的Safari浏览器问题有关,meta不能正确缩放? 网页在iOS 8上的Twitter应用程序中没有达到100%的高度 。

检测iOS是否使用webapp

我想知道是否有可能检测一个iOS用户是否使用该Web应用程序,或只是通过Safari浏览器访问正常的方式。 我想要实现的原因是,当用户点击一个链接时,在iOS webapp上,他将被redirect到Safari浏览器。 所以我使用下面的解决方法,让他留在webapp(防止切换到Safari浏览器)。 $( document ).on("click",".nav ul li a", function( event ){ // Stop the default behavior of the browser, which // is to change the URL of the page. event.preventDefault(); // Manually change the location of the page to stay in // "Standalone" mode and change the URL at the same time. location.href […]

iOS Safari Mobile禁用上一个和下一个selectinput

上周五我发现了类似的问题,但似乎再也找不到了。 如果有人能够朝正确的方向捅我,这将是伟大的。 基本上,我有一个页面上的多个select菜单。 第一个填充负载,第二个填充确定第一个的select。 很简单。 但是,在iOS设备上,当您点击select元素时,会启动iOS滚动条以供您select。 如果有人使用本机iOS previous或nextbutton,则以下<select>input将不会收集以前的select数据。 您必须done点击done然后启动下一个select菜单为填充的结果是准确的。 有一个名为http://m.lemonfree.com的网站,强制你点击done而不是prev/next ,也可以阻止你从iOSselect菜单closuresselect提示。 基本上迫使用户selectdone 。 我会非常有兴趣了解他们如何实现这一function。 干杯! 这是我的代码,以防万一: <form method="post" action="list.php" class="striped-bg-inverted"> <p> <label for="make">Make</label> <select name="make" id="make" required="required"> <option selected>Select a Make</option> <?php foreach ($usedMakes->MakeResult as $MakeResult) { ?> <option value="<?php echo $MakeResult->makeId; ?>"><?php echo $MakeResult->makeName; ?></option> <?php } ?> </select> </p> <p> <label for="model">Model</label> <select […]