我对媒体的询问有异议。我希望我的主div有960 px的宽度,但是如果屏幕小于960 px,我希望它是任何当前宽度的80%。
我从960 of只得到80%,而不是80%的小(例如: 80%的800 of,80%的700 of )。
HTML:
<body>
<div class="main">
Some big amound of text
</div>
</body>
CSS:
body{
width:100%;
}
.main {
display: block;
he
正如您从标题中看到的,IE 6、7和8中元素的位置(至少)是关闭的。我包括了直接网址:。现在这个页面通常是从一个全尺寸的页面重定向,并且在一个合理的浏览器上(读: everything bar Internet explorer),一切都呈现得很好。该页面是为小格式浏览器或移动,但它有css的桌面也在单独的样式表。调整浏览器窗口的大小以查看它是如何工作的。
下面是html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
我想根据客户端浏览器是否支持悬停来区分样式。我读到媒体特性可以完成这项工作,所以我使用了以下结构:
/* Supports hovering */
@media (hover: hover) { ... }
/* Does not support hovering */
@media (hover: none) { ... }
虽然这在Chrome上很好(见下面的规范),但是在Firefox上,我得到了错误的Expected media feature name but found ‘hover’。我很惊讶,尤其是因为我在上读到了关于使用hover作为媒体特性的文章。
除了在Firefox上