我对响应式设计还是新手，如果我的问题没有意义，我很抱歉。
我目前正在为两个屏幕宽度实现两个 CSS 集：
@media screen and (max-width:659px) { ... }
@media screen and (min-width:660px) { ... }
在第一组中，我有一个 480 像素宽的表格，内容以margin auto. 如果屏幕尺寸在 480px 和 659px 之间，我很高兴在左右两边留出一点背景空间。
第二组在左侧添加了一个额外的列，使表格宽度为 660 像素。
当屏幕宽度低于 480 像素或显着高于 660 像素时，我很担心。我的表格会被截断，或者左右两边的边距太大。这就是缩放可能有趣的地方。
我读到建议按如下方式实现视口元标记：
<meta name="viewport" content="width=device-width, initial-scale=1">
但这是解决我问题的正确方法吗？实现我的视口元标记的正确方法是什么？当表格为 480 像素或 660 像素宽时，是否可以自动“缩放以适应”？如果是怎么办？