Tag: css

Webkitanimation将垃圾像素留在屏幕上: 以下代码在屏幕上放置一个白色框。如果你在iPad上运行它（你也可以调整像素以在iPhone上运行），当你触摸盒子的时候，它会从屏幕上滑下来，沿着它的底边留下一些白色像素。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-height, user-scalable=no, maximum-scale=1, minimum-scale=1" /> <title>Line Bug Demo</title> <style> body { background: black; } .panel { background: white; position: absolute; z-index: 2; width: 1000px; height: 500px; top: 34px; left: 12px; -webkit-border-radius: 20px; -webkit-transition: left 0.333s ease-in-out; } .panel.hide { left: -1000px; } […]

iPhone 6和6 Plus响应式断点: 根据苹果的网站： iPhone 6的分辨率为1334×750像素，分辨率为326 ppi，对比度为1400：1（典型值） iPhone 6+的分辨率为1920 x 1080，分辨率为1920 ppi，对比度为1300：1（典型值）但是，CSS媒体查询响应断点是什么？（肖像和风景）我不完全了解如何使用各种响应模拟器testing视网膜屏幕尺寸。任何帮助将非常感激。

background-size：封面不适用于iOS: 这是我的代码： background-color:#fff; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center center; 它在桌面，iPad和Android手机上工作：在Chrome浏览器和iPhone上的Safari上，背景太大：

背景：固定不重复不在移动工作: 我正在build立一个网页，我想要的背景图像缩放以适应整个屏幕，保持纵横比和固定（所以如果向下滚动，背景图像保持在同一个地方）。我已经在桌面浏览器中使用CSS实现了这一点，但是它不适用于iPhone或iPad。在这些设备上，背景太大（继续低于折叠），如果向下滚动足够远，图像将开始重复。任何人有一个修复？谢谢！ HTML { background: url(photos/2452.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

是否有可能改变UIWebview IOS中的文本select颜色？: 我已经在UIwebview中加载HTML文件，并已将下面的代码放在HTML文件中。 <style> ::-moz-selection { /* Code for Firefox */ color: red; background: yellow; } ::selection { color: red; background: yellow; } </style> 并在Uiwebview中设置色调，但是当我select文本时仍然显示蓝色。

通过CSS阻止Safari（Mavericks / iOS7）中的连字: 有没有可能阻止在Mavericks / iOS7上的Safari / Mobile Safari在Webfont中呈现连字？我们正在面临的问题与字符beeing作为空白显示不可用连字。我们已经尝试在CSS中使用它： -webkit-font-feature-settings:"liga" 0; font-feature-settings:"liga" 0; text-rendering: optimizeSpeed; 但它不工作，连字还是空白的。

在iOS5中做一个固定工作的背景附件？: 这是否在iOS 5中工作？ .element { background: url(images/myImage.jpg) 50% 0 no-repeat fixed; } 我认为它应该，但是到目前为止它不是。

在iPad和iPhone上不显示背景图像: 我想创build一个背景覆盖在移动网页的部分，所以我使用了下面的CSS代码： #section1{ background: url("background1.png") auto 749px; height: 749px; } 背景在Android（Chrome，Firefox …）上正确显示，但在iPhone或iPad（Safari，Chrome iOS …）上完全不显示。我已经尝试使用jQuery在DOM准备好时设置这些属性，但没有运气。我读过的大小可能是一个问题，但图像大约700kB（1124x749px），所以它应该完成Safari网页内容指南规则。这是什么问题？

如何在没有浏览器嗅探的情况下将样式表应用于iPhone（而不是IE）？: 我想将样式表专门应用于iPhone，而无需在服务器上或通过JavaScript进行浏览器嗅探（通过用户代理string）。我特别不希望Internet Explorer应用样式表。苹果公司build议的应用iPhone专用样式表的代码，即： <link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet"> 似乎导致样式表由IE 7和6应用。

如何在iOS上获取CSS溢出的滚动条: 开发一个iPad网站我试图使用CSS属性overflow: auto获取滚动条，如果需要在一个div ，但我的设备拒绝显示他们，即使两个手指滚动工作。我试着用 overflow: auto; 和 overflow: scroll; 结果是一样的。我只在iPad上进行testing（在桌面浏览器上完美工作）。有任何想法吗？