《抖动》专题

问题内容： 我一直在做一些关于媒体查询的研究，但我仍然不太了解如何定位某些尺寸的设备。 我希望能够定位台式机，平板电脑和移动设备。我知道会有一些差异，但是拥有一个可用于定位这些设备的通用系统会很好。 我发现了一些例子： 要么： 每个设备的断点应该是什么？ 问题答案： IMO这些是最好的断点： 编辑 ：改进以更好地与960网格一起使用： 实际上，许多设计人员将像素转换为em，主要是b / c em可

问题内容： 。 在桌面浏览器中查看时，黑色菜单栏正确地延伸到窗口的边缘，因为具有。 在任何移动浏览器中，无论是Android还是iOS，黑色菜单栏都将显示其完整宽度，从而在页面右侧显示空格。据我所知，该空格甚至不是or标签的一部分。 即使我在中将视口设置为特定的宽度： 该站点扩展到1100像素，但仍然有1100以外的空白。 我想念什么？如何将视口保持在1100并切断溢出？ 问题答案： 创建内部的一

问题内容： CSS悬停功能是否可以在移动设备上使用？我有一个css悬停类，在常规的Web浏览器上可以正常工作，但在移动浏览器上却不能工作。 问题答案： 的伪类需要定点（图形输入）设备，能够区分动作的 指向 和 选择/激活。 通常在带有触摸界面的移动设备上，您没有前者，只有后者。另外，某些笔界面仅允许激活，而不能指向。 伪类适用，而用户指定的元件（有一些指示设备），但不将其激活。例如，当光标（鼠标指

问题内容： 我创建了一个简单的弹跳动画，该动画将应用于元素的状态： 动画效果很好，但是当您从元素中删除光标时，动画会突然停止。无论如何，是否有强迫它继续设置的迭代次数（即使鼠标已经退出）？基本上，我在这里寻找的是由状态触发的动画。我不是 在寻找 JavaScript解决方案。无论如何，我还没有看到在规范中执行此操作，但是也许我错过了一个明显的解决方案？ 问题答案： 恐怕解决此问题的唯一方法是使用一

问题内容： 我正在使用iPad HTML5应用程序，并且已经实现了ontouch支持以更快地触发事件，并且我使用jQuery来更轻松地定位元素，但是对于动画，我使用的是CSS3过渡 您觉得更快吗？使用jQuery动画，因为我已经导入了库或在使用jQuery定位元素时使用CSS3过渡？ 问题答案： jQuery动画要比CSS动画慢得多。 原因 可能是因为jquery必须使用计时器和循环来修改DOM元

问题内容： 我们中的某些人可能不希望使用现成的插件，因为它们的尺寸很大，并且可能与当前的javascript产生冲突。 我以前使用过轻型滑块插件，但是当客户进行模块化修改时，就变得很难操作。然后，我的目标是建立易于定制的地雷。我认为滑块从一开始就不应该那么复杂。 什么是构建jQuery图像滑块的简单干净的方法？ 问题答案： 在检查示例之前，您应该了解我最常用的两个jQuery函数。 index（）

问题内容： 如何显示带有自动换行符的长字符串，网站地址，单词或符号集，以保持div宽度？我猜是一个自动换行。通常添加空格是可行的，但是是否有CSS解决方案，例如自动换行？ 例如，它（非常讨厌）与div重叠，强制水平滚动等。 我可以在上面的字符串中添加什么以使其完全适合div中的几行或浏览器窗口？ 问题答案： 长话短说： 就CSS解决方案而言，您必须：强制元素显示滚动条，并仅剪切掉任何多余的文本。有

问题内容： 有没有一种方法可以根据类中子元素的类来选择父元素？与我相关的示例与的漂亮菜单插件的HTML输出有关。输出呈现如下： 我的问题是，是否可以对包含带有活动类的锚的列表项应用样式。显然，我希望将列表项标记为活动状态，但我无法控制所生成的代码。我可以使用javascript执行此类操作（想到的是JQuery），但是我想知道是否可以使用CSS选择器来执行此操作。 为了清楚起见，我想将样式应用于列

问题内容： 我有一个（ 父 ）包含另一个（ 子 ）。Parent是第一个没有特定CSS样式的元素。当我设定 最终结果是我的孩子的顶部仍然与父母对齐。我的父母没有将孩子向下移动10px，而是将其向下移动10px。 我的设定为。 我在这里想念什么？ 编辑1 我的父母需要具有严格定义的尺寸，因为它的背景必须从上到下显示（像素完美）。因此，在其上设置垂直边距是 不可行的 。 编辑2 此行为在FF，IE和C

问题内容： 我目前正在使用html5和jQuery开发用于iPad Safari的网络应用。我遇到了一个问题，其中较大的滚动区域会导致向下滚动时在延迟后出现屏幕外的元素。 我的意思是，如果我有一排不在屏幕上的图像（甚至是带有渐变的div），则向下（或向上）滚动到该图像时， 预期的行为 是该元素在屏幕上显示为我正在滚动到它。 但是，我看到的是，直到我将手指从屏幕上移开并且滚动器完成了所有动画之后，该

问题内容： 可以使用CSS隐藏滚动条吗？你会怎么做？ 问题答案： 像这样在body标签上设置： 上面的代码同时隐藏了水平和垂直滚动条。 如果只想隐藏 垂直滚动条 ，请使用： 如果只想隐藏 水平滚动条 ，请使用：

问题内容： 此问题似乎会影响所有基于WebKit的浏览器，包括iPhone。 首先介绍一些背景。我正在工作的网站使用基于JavaScript的“滑块”动画。 我用来为实际动画“加电”。与基于JavaScript的方法相比，使用此方法时，一旦对内容进行动画处理，文本就会变得模糊。这在iPhone上尤其明显。 我看到的一些解决方法是删除一个相对位置（我做了），并添加了一个规则（我也做了）。两种变化都没

问题内容： 如何定义跨浏览器的CSS滚动条样式？我测试了此代码，它仅在IE和Opera中起作用，但在Chrome，Safari和Firefox中失败。 问题答案： 滚动条CSS样式是Microsoft开发人员发明的一种奇怪方法。它们不是CSS的W3C标准的一部分，因此大多数浏览器只是忽略它们。

问题内容： 无法使此动画图像正常工作，它应该进行360度旋转。 我猜下面的CSS有点问题，因为它保持静止。 问题答案： 这是 正确的动画CSS： 有关代码的一些注意事项： 您已将关键帧嵌套在规则中，这是不正确的 不适用于绝对定位的元素 看看caniuse：IE10不需要前缀

问题内容： 如何使两个CSS动画 以不同的速度 播放？ 图像应同时旋转和增长。 旋转将每2秒循环一次。 生长将每4秒循环一次。 示例代码： 仅播放一个动画（声明了最后一个动画）。 问题答案： TL; DR 使用逗号，可以指定多个动画，每个动画都有自己的属性。 例： 原始答案 这里有两个问题： ＃1 第二行替换第一行。因此，没有任何效果。 ＃2 两个关键帧都应用于相同的属性 作为一种替代方法，您可以