草庐IT

mobile-webkit

全部标签

html - CSS 显示 :inline-block changes text size on mobile?

我设置了一个非常简单的网页,它在桌面浏览器上的工作方式符合我的预期,但在移动设备上却显示出奇怪的结果。这是代码:body{font-family:"Raleway","Tahoma","Helvetica","Arial",Sans-serif;line-height:1.4;color:#303030;font-size:20px;}a,a:visited{color:blue;text-decoration:none;}a:hover{color:red;}#container{width:900px;margin:30pxauto0pxauto;}#links.name{disp

html - CSS 显示 :inline-block changes text size on mobile?

我设置了一个非常简单的网页,它在桌面浏览器上的工作方式符合我的预期,但在移动设备上却显示出奇怪的结果。这是代码:body{font-family:"Raleway","Tahoma","Helvetica","Arial",Sans-serif;line-height:1.4;color:#303030;font-size:20px;}a,a:visited{color:blue;text-decoration:none;}a:hover{color:red;}#container{width:900px;margin:30pxauto0pxauto;}#links.name{disp

javascript - 如何在 iPad safari 的只读 html 元素中启用用户选择?

我在iPad上的网页中有一个HTML元素,它必须是只读的以防止用户更新内容,使用readOnly='readOnly'使元素不可选择并且元素的文本内容根本无法复制。有没有办法让元素只读,用户可以选择/复制文本内容???? 最佳答案 只是我删除了readOnly属性并添加了以下onkeydown和oncut事件来模拟readOnly行为 关于javascript-如何在iPadsafari的只读html元素中启用用户选择?,我们在StackOverflow上找到一个类似的问题:

javascript - 如何在 iPad safari 的只读 html 元素中启用用户选择?

我在iPad上的网页中有一个HTML元素,它必须是只读的以防止用户更新内容,使用readOnly='readOnly'使元素不可选择并且元素的文本内容根本无法复制。有没有办法让元素只读,用户可以选择/复制文本内容???? 最佳答案 只是我删除了readOnly属性并添加了以下onkeydown和oncut事件来模拟readOnly行为 关于javascript-如何在iPadsafari的只读html元素中启用用户选择?,我们在StackOverflow上找到一个类似的问题:

jquery - 使用 jQuery Mobile 加载时出现白页

我们在www.tekiki.com为移动HTML5应用程序使用jQueryMobile1.3.2|.(从iPhone检查,或从桌面检查www.tekiki.com/dandy/dandy。)加载后,JQM在加载屏幕和应用程序首页之间显示一个白页。JQM中是否有设置来抑制加载屏幕?我们找到的最接近的是$.mobile.loading(),但这仅适用于加载文本。我们希望整个白屏消失,这意味着应用应该直接从加载屏幕转到第一页。 最佳答案 您所说的白屏是JQMCSS中声明的此类的结果:/*fouc*/.ui-mobile-rendering

jquery - 使用 jQuery Mobile 加载时出现白页

我们在www.tekiki.com为移动HTML5应用程序使用jQueryMobile1.3.2|.(从iPhone检查,或从桌面检查www.tekiki.com/dandy/dandy。)加载后,JQM在加载屏幕和应用程序首页之间显示一个白页。JQM中是否有设置来抑制加载屏幕?我们找到的最接近的是$.mobile.loading(),但这仅适用于加载文本。我们希望整个白屏消失,这意味着应用应该直接从加载屏幕转到第一页。 最佳答案 您所说的白屏是JQMCSS中声明的此类的结果:/*fouc*/.ui-mobile-rendering

javascript - 在 mobile safari 的 div 中时 iframe 被剪切

我想在mobilesafari上缩放iframe。我在div中包含了一个iframe。现在我用这段代码缩放div:$(function(){$('#iframe_container').css({'-webkit-transform':'scale(0.7)','-webkit-transform-origin':'00'});});​在iOS/Safari上,iframe被剪切(即不能完全看到),而在桌面/chrome上,iframe没有被剪掉。这是一个带有代码的jsfiddle页面:http://jsfiddle.net/viebel/tJQUH/澄清一下:这里是演示实际问题的演示

javascript - 在 mobile safari 的 div 中时 iframe 被剪切

我想在mobilesafari上缩放iframe。我在div中包含了一个iframe。现在我用这段代码缩放div:$(function(){$('#iframe_container').css({'-webkit-transform':'scale(0.7)','-webkit-transform-origin':'00'});});​在iOS/Safari上,iframe被剪切(即不能完全看到),而在桌面/chrome上,iframe没有被剪掉。这是一个带有代码的jsfiddle页面:http://jsfiddle.net/viebel/tJQUH/澄清一下:这里是演示实际问题的演示

javascript - data-url 属性在 jquery mobile 中有什么作用?

试图弄清楚页面的基本结构并遇到一个具有data-url属性的博客。这到底是什么意思? 最佳答案 该属性用于标识由jQM自动生成的页面。来自jQMdocs:...Pagesthatareauto-generatedbypluginsusethefollowingspecialdata-urlstructure:So,forexample,apagegeneratedbythelistviewpluginmayhaveandata-urlattributelikethis:data-url="artists.html&ui-page=l

javascript - data-url 属性在 jquery mobile 中有什么作用?

试图弄清楚页面的基本结构并遇到一个具有data-url属性的博客。这到底是什么意思? 最佳答案 该属性用于标识由jQM自动生成的页面。来自jQMdocs:...Pagesthatareauto-generatedbypluginsusethefollowingspecialdata-urlstructure:So,forexample,apagegeneratedbythelistviewpluginmayhaveandata-urlattributelikethis:data-url="artists.html&ui-page=l