响应式网站设计 - 元和 MS 视口在一起？

【问题标题】：Responsive Site Design - Meta and MS viewport together?响应式网站设计 - 元和 MS 视口在一起？
【发布时间】：2015-11-10 19:08:05
【问题描述】：

我确实读过这个优雅的 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;
}

【问题讨论】：

【解决方案1】：

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

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

还有下面的css：

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

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

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

【讨论】：