草庐IT

webkit-inline-box

全部标签

html - 什么是 -webkit-transform : translate3d(0, 0,0);到底做什么?适用于 body ?

-webkit-transform:translate3d(0,0,0);究竟是做什么的?它有任何性能问题吗?我应该只将它应用于body或个别元素吗?它似乎大大改善了滚动事件。谢谢你的教训! 最佳答案 -webkit-transform:translate3d(0,0,0);让一些设备运行它们的硬件加速。找到一本好书HereNativeapplicationscanaccessthedevice’sgraphicalprocessingunit(GPU)tomakepixelsfly.Webapplications,ontheoth

css - 使用显示 :inline-block vs float:left in CSS 的优点

通常情况下,当我们想要连续放置多个DIV时,我们会使用float:left,但现在我发现了display:inline-block示例链接here.在我看来,display:inline-block是一种更好的alignDIVs连续方式,但是有什么缺点吗?为什么这种方法不如float技巧那么受欢迎? 最佳答案 三个字:inline-block更好。内联blockdisplay:inline-block的唯一缺点做法是IE7及以下只能显示一个元素inline-block如果它已经是inline默认。这意味着不是使用元素你必须使用元素。

html - 使用 CSS :before and :after pseudo-elements with inline CSS?

我正在使用内联CSS(即style属性中的CSS)制作HTML电子邮件签名,我很好奇是否可以使用:before和:after伪元素。如果是这样,我将如何使用内联CSS实现类似的东西?td{text-align:justify;}td:after{content:"";display:inline-block;width:100%;} 最佳答案 您不能为伪元素指定内联样式。这是因为伪元素,如伪类(参见我对thisotherquestion的回答),是在CSS中定义的,使用选择器作为文档树的抽象,不能用HTML表示。另一方面,内联sty

html - -webkit-overflow-scrolling 是否适合生产使用?

我一直在使用-webkit-overflow-scrolling在iOS上平滑滚动叠加导航菜单,但是,我一直在与一个错误作斗争(我似乎无法找到回答任何地方)。查看MDN站点上的属性:Thisfeatureisnon-standardandisnotonastandardstrack.DonotuseitonproductionsitesfacingtheWeb:itwillnotworkforeveryuser....https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling如果它“不在标准轨道

ios - Chrome iOS webkit 语音识别

我正在尝试在iPad上的Chrome上实现语音识别,但没有成功。切入正题,删除对我的webkitSpeechRecognitionapi实现的任何依赖,GlennShire的excellentsamplecode不会在运行iOS5.1.1的iPad1上的Chromev27或运行iOS7.0.4的iPad3上的Chromev31上运行,至少据我所知。它在这一行失败:if(!('webkitSpeechRecognition'inwindow)){r.onState('upgrade');return;}我想不出解决方法,也没有看到任何关于语音识别在iOS版本的Chrome中不起作用的在线

ios - -webkit-溢出-滚动 : touch breaks my -webkit-scrollbar css in iOS

此代码非常适合样式化滚动条:.frame::-webkit-scrollbar{-webkit-appearance:none;background-color:#000;}.frame::-webkit-scrollbar:horizontal{height:6px;}.frame::-webkit-scrollbar-thumb{background-color:#000;}.frame::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);background-color:#333;}但每次我想

ios - Retina iPad 上 iOS 7 中的 WebKit 中的框阴影传播错误

我发现似乎是iOS7的WebKit中的错误,但仅在iPad3和4上存在,这让我相信它在某种程度上与硬件相关。错误:如果我将传播值(第四个值)添加到CSS框阴影,整个阴影就会消失。我举了一个例子here.其他人能否在装有iOS7的iPad3和4上确认此错误? 最佳答案 在IOS7.0.4中仍然是一个问题。添加一个一像素的边框半径以强制浏览器在横向模式和缩放时渲染阴影。border-radius:1px; 关于ios-RetinaiPad上iOS7中的WebKit中的框阴影传播错误,我们在S

ios - 如何修复 iOS5 和 iOS6 上有问题的 webkit-text-size-adjust?

在iOS5和iOS6下的UIWebView中使用-webkit-text-size-adjustCSS属性时,我得到不正确的行高渲染。似乎在iOS5和iOS5中都有一个错误iOS6,但行为不同,我正在尝试修复演示文稿,使其适用于所有IOS版本。我想要实现的目标:我正在将以下HTML代码加载到UIWebView中。该代码仅设置所有文本的字体大小、行高和文本大小调整。body{-webkit-text-size-adjust:50%;}p{font-size:2em;line-height:3em;/*line-height:150%;*/}Texttexttext...属性-webkit

iOS5 -webkit-overflow-scrolling 导致触摸事件停止工作

当使用[-webkit-overflow-scrolling:touch;]时,滚动区域效果很好,但它会导致触摸事件停止滚动区域之外的工作。有没有人有同样的问题?谁能给我一些关于这个新滚动功能的官方链接?ios5scrollheader{background:red;width:300px;height:44px;}.scroll{width:300px;height:300px;background:yellow;overflow:scroll;-webkit-overflow-scrolling:touch;}won'twork?Itworkstexttexttexttexttex

ios - 在 Ionic/Phonegap 中内联播放视频(webkit-playsinline 不工作)

我正在使用HTML5video标签在我的ionic应用程序中播放视频。这是我的代码:视频自动播放正常,但视频打开native播放器后无法内联播放。经过一番研究后,我开始明白webkit-playsinline应该可以解决这个问题,至少在iOS上是这样,但我在iOS8和9上测试时似乎并非如此。我尝试了videogular,但仍然出现该死的本地播放器。我什至花了一点钱在这里得到这个代码:https://creativemarket.com/DenzilDoyle/194974-Ionic-background-video这准确说明了我正在尝试创建的内容(我的登录屏幕上的背景视频),但该视频