Tag: html

iFrames不能在手机或平板电脑上加载: 我一直无法find有效的答案。我有一个iframe（是的，我必须在这种情况下使用iframe）在PC上正常工作，但不会在手机或平板电脑上加载。页面上有一些Javascript，但删除它并不能解决问题。我也尝试更改从百分比到固定值的iframe高度和宽度。我也尝试从除了src以外的iframe中删除所有的属性，它仍然不加载iframe中的任何东西。下面是我的页面的简化版本，使用我已经能够从其他build议find。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta content='width=device-width, initial-scale=1.0' name='viewport'> <style type="text/css"> body, html { margin: 0; padding: 0; height: 100%; overflow: hidden; -webkit-backface-visibility: visible; } #content { position:absolute; left: 0; right: 0; bottom: 0; top: 0px; } </style> </head> <body> <script type="text/javascript"> function onFrameLoad() { do stuff }; […]

iOS Chrome / Safari – 在模态内对焦input时不需要的滚动: testingSafari和Chrome – 结果相同，所以我认为这是iOS的问题。只有在模态内有input时才会发生这种情况，我点击该input。在同一时刻，该input获得焦点和本地iOS键盘变得可见。同一时刻模态下的页面会自动滚动到其高度的50％。这种行为是完全不需要的，我不知道如何防止这种默认的iOS“function”。演示：更新：修复提交： limonte / sweetalert2 /提交/ 4a2d36b

移动Webkit和Hammer JS上的多个元素响应触摸事件: 我正在使用Hammer JS库开发一个小型项目，我在Chrome开发工具模拟器上遇到了一个问题，并在两个iOS 7设备上进行了debugging。它似乎在桌面浏览器上正常工作。小提琴在这里： http ： //jsfiddle.net/w80baz5g/5/和更多信息下面。我有一组元素，像这样： <div> <img class="item" id="item0" src="http://placehold.it/300×300"> <img class="item" id="item1" src="http://placehold.it/300×300"> <img class="item" id="item2" src="http://placehold.it/300×300"> </div> 和Hammer JS听一个水龙头事件： function initItems(el) { var itemToTap = new Hammer.Manager(el, itemOptions); itemToTap.add( new Hammer.Tap() ); itemToTap.on("tap", function(event) { console.log("tapped: " + event.target); }); } $(".item").each(function(){ var itemToInit = $(this)[0]; initItems(itemToInit); }); 在桌面浏览器（Chrome，Safari）中，一切似乎都很好，在移动设备上，只有三个元素中的第一个似乎响应了点击事件，但控制台显示它响应所有三个元素？ […]

iOS Safari HTML表格下一个/上一个button – 它们是如何工作的？: 免责声明：我正在使用JQuery Mobile。我有一堆不同forms的页面，但其中一些似乎在按下一个/上一个button时performance出不同的行为。所有表单都使用tab索引进行设置。表格1完美地工作，除了跳过JQuery Mobile翻转开关和单选button，这不是一个真正的问题，因为它们有点不同。表单2， tabindex="0"的元素使用$("#myElement").focus(); 然后下一个button被禁用，并按下前一个button到窗体的底部，即下一个/ prev顺序似乎是1，2，0。表格3似乎是完全不稳定的，这次按顺序向下，但有些领域似乎是把焦点放在标签上，然后再按下一下，导致input字段被选中。表格4工作正常，除了最后select的领域似乎被忽略。然后tabindex跳转到页面上的一些锚点元素，然后继续翻转开关。表单5具有与表单4相同的行为，表单中的最后一个select字段也将被忽略。我会继续调查这个问题，并制作一个小提琴，但是有没有人遇到过这样的问题，或者对他们应该如何工作有一些了解？

处理高分辨率显示器（主要是iOS视网膜显示器）的高分辨率网页图像的正确方法是什么？: 我有一个手机网站利用jQuery Mobile，但是坦率地说，这些图像看起来像iPhone 4 / 4S上的废话。我认为，本周晚些时候推出的“新iPad”也是如此。我知道这与像素比例和/或图像DPI（或PPI或任何你想称之为的事情）有关。我们不要讨论这个问题。我只是想知道为这些iOS视网膜显示器提供高分辨率网页图像的最佳方法是什么。起初，我认为改变图像DPI（在Photoshop中）将解决这个问题。我拿了一些示例图像，并缩小到190px的宽度。我以72 DPI和200 DPI保存了一张图片。这没有效果。请亲自看看（在iPhone 4 / 4S上）： http : //haxway.com/restest/1.html每张图片的底部图片都是200 DPI。然后，我不再将高分辨率图像保存为200 DPI，而是将其保存为72 DPI，但是这次我将宽度增加到了528像素，因此当缩小到190像素的宽度时，它将在〜200 DPI。这似乎是诀窍： http : //haxway.com/restest/2.html如果你查看源代码，你可以看到我强制图像标签的宽度/高度（ <img src="w4.jpg" alt="" width="190" height="143"> ）。不过，我不相信这是最好的解决scheme。不使用宽度/高度属性来缩放图像会影响渲染性能，因为设备不得不缩放图像，而不是仅仅加载图像（而不是继续触摸它）。经过一番研究，看起来好像有一些CSS媒体查询，如-webkit-min-device-pixel-ratio [1]，你可以使用不同的CSS来显示高分辨率的图像，因此在CSS中加载更高分辨率的图像。但是我需要定位HTML <img>标签。我阅读的另一篇文章（对不起，失去了链接）build议使用Javascript来换出高分辨率的“常规”图像。这听起来很疯狂！有没有更好的方法去做这件事？我意识到意见可能会有所不同，这是“最好”的方式。如果每种方法的优缺点都可以解释，那就太棒了！我的目标是使用任何方法呈现最快（希望没有使用一些黑客的Javascript等）。谢谢！ [1] http://aralbalkan.com/3331

iOS键盘没有上一页，下一步，完成button的HTMLinput字段？: 我正在制作一个具有input字段的移动HTML页面。当我点击input字段的内部时，出现iOS 7键盘。但键盘有一个顶部的function区，包含“<”，“>”和“完成”button 如何摆脱键盘上的这个顶级function区？我想要的键盘风格相同的Safari浏览器地址栏input和iOS7“消息”应用程序。谢谢！

从HTML获取图像大小: 我正在parsing一个博客的RSS提要，并把一个post的HTML在一个UIWebView 。但现在我想改变图像的大小，以适应iPhone屏幕。我正在尝试用下面的replace HTMLContent = [HTMLContent stringByReplacingOccurrencesOfString:@"width=\"480\"" withString:@"width=\"300\""]; 但是，这样做，我只replace480宽度的图像。而且我没有改变身高！你知道是否有办法用300代替任何宽度，并以相同的因子改变高度？

如何在无响应的移动网站上设置视口？: 我正在devise一个无响应的网站，并在移动视图中遇到问题。我没有设置视口。我认为内容应该在桌面上显示相同，因为它只在桌面上缩小。这是我的问题的视觉：说明：在桌面上查看时很好。在iPhone（手机）标题，导航和页脚的宽度收缩（见图片），主要内容本质上超出了电话viewframe（或视口或其他）… 谢谢！

从iPhone通过JavaScript阅读GSM号码: 是否有可能通过JavaScript从iPhone读取数字。比方说，我有一个HTML页面，他们必须填写的GSM号码，JavaScript可以读取手机号码，填写表格？

iOS信用卡自动填充保留在下拉input: 我遇到了一个我正在使用信用卡自动填充iOS提供的网站上的错误。我不能提供这样一个工作的例子，因为它需要一个真正的SSL证书，以便自动填充出现在iOS键盘上，但是我实际上也可以在亚马逊的结帐时发生这种情况。从本质上来说，问题是在提供自动填充function后，将注意力集中在任何信用卡启用的input上，它看起来像所有的下拉式input键盘也将提供自动填充您的信用卡。甚至在页面刷新之后甚至在不同的域之间也会发生这种情况所有下拉菜单都会autofill credit card ，直到非信用卡明文input为止。以下是该问题的简化版本： <input id="cardNumber"/> <!– <– Activates autofill –> <select id="normalSelect"> <option>1</option> <option>2</option> <option>2</option> </select> <input id="normalInput"/> 触摸#cardNumber然后在键盘上自动填充触摸#normalSelect （或任何非信用卡下拉），仍然提供不正确的自动填充（您可以select刷新网站，甚至导航到另一个非信用卡启用下拉的域名，并尝试看看他们是否也提供不正确的自动填充。它甚至不必是https上的域名）。触摸#normalInput （或任何普通的非信用卡文本input），并根据需要显示自动填充触摸#normalSelect （或任何非信用卡下拉），现在自动填充已经消失我的问题是，有什么我可以做的（也许应用一些select下拉菜单），以确保它从不提供信用卡自动填充？这是一个已知的iOS错误？我正在使用iPhone6 iOS 8.1.2 Safari。 EDITS Textareas也有这个问题。添加autocomplete="off"不妨碍它。