响应式网站设计 - Meta 和 MS viewport 一起？

Question

我读过这个优雅的 CSS 视口定义：

@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

遗憾的是它没有得到完全支持。

这块可以和常规元标签一起使用吗？:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

那么：

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

Answer 1

要创建响应式网站，最好的组合是以下标签：

<meta name="viewport" content="width=device-width, initial-scale=1">

和以下 css：

@-ms-viewport{
    width: device-width
}

这使得网站宽度等于用户在每个现代浏览器上的设备宽度。

如果您有更多问题，请发表评论。如果有帮助，+1 并接受。

Responsive Site Design - Meta and MS viewport together?