我今天遇到了这个webkit CSS选择器@ -webkit-viewport并试图了解它的作用？似乎没有任何关于此的文件.我试过了
@-webkit-viewport {
max-height: 100px;
min-height: 100px;
}
和
@media all {
@-webkit-viewport {
max-height: 100px;
min-height: 100px;
}
}
但两者都不起作用.有人可以解释一下@ -webkit-viewport的作用以及使用它的一个例子.
您可以将元名称定义为视口,然后您可以将其用于不同的移动浏览器,如下所示:
包括在你的<head />:
<meta name="viewport" content="width=320, initial-scale=0.5">
CSS:
@-o-viewport { /*for opera browser*/
width: 300px;
zoom: 1;
}
@-webkit-viewport { /*for webkit browser*/
width: 320px;
zoom: 0.5;
}
@-ms-viewport { /*for internet explorer*/
width: 320px;
zoom: 0.5;
}
目前firefox和safari不支持此功能.
您可能还会看到mozilla文档.
这是一个很好的博客.
| 归档时间： |
|
| 查看次数： |
3103 次 |
| 最近记录： |