根据我的理解，我应该在标题中设置一个元标记，如下所述，在媒体查询中使用min-width（或min-device-width？）值，从最小支持的大小构建并通过对于较大尺寸的查询，只能在最大尺寸查询中定义特定于最小尺寸的任何内容。
我还应该在我的html中使用从网格框架提供的列类，它将根据正在使用的列类的值将％width值应用于我的元素/组件（媒体查询可以更改此内容）。我打算将Susy与Breakpoint（Sass libs）一起使用，我不确定Flexbox是否是更好的选择。
除了通过媒体查询使用断点的流畅方法来改变小屏幕（或浏览器窗口）的布局之外的选择是我想要拾取的，尽管我已经指出的一些资源似乎有点过时或不同的建议/意见。请确认到目前为止我所说的是好还是我误解了什么。
1）使用提到的元标记，PX值是否会在屏幕上转换为一致的物理大小（无论像素密度如何）？并且width属性被设置为Media Queries也可以引用的相同属性width属性吗？（所以它现在等于device-width，或者原始值仍被引用？）
2）关于响应，我应该使用PX装置吗？这些天似乎有人建议和使用我遇到的很多文章，尽管几年前的旧文章推动了EM / REM单元。我已经读过，如果用户调整浏览器的默认字体大小，用PX单位定义的字体不会改变，但是％/ EM / REM大小的字体会改变....但是由于相对性质，EM单位可能会有问题。你有使用EM单位大小的父元素吗？ REM我还不太了解，除了它没有得到很好的支持，应该有PX后备。
<meta name="viewport" content="width=device-width, initial-scale=1.0">width = device-width考虑像素密度，因此具有640px宽度和2.0像素密度的真实分辨率的设备将具有320px的浏览器视口宽度。初始比例确保移动浏览器不会尝试缩放以适应任何内容（对于真正的流体响应站点）。