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

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并接受。