Mobile 如何在我的响应式网站上制作一个特定的、固定宽度的DIV，以适应智能手机屏幕？

我有一个反应迅速的网站。我已经

…在标题中。该网站不只是自动缩小所有内容以适应智能手机屏幕。它保持了我的div的适当大小（无论是固定大小还是百分比大小），并且我设计了相应的元素

然而，在一个页面上，我有一个包含多个元素的交互式图表。这些是块（其中包含文本），它们必须保持固定的宽度。问题是，这些固定宽度比智能手机屏幕大得多。大约1000像素宽

我不能让这个部门以百分比为基础。它必须至少有1000px宽，并在每个设备上保持该尺寸。显然，这意味着它将无法安装在智能手机屏幕上

我想做的是继续使用

…对于我网站中的所有其他元素，除了这个DIV。我需要缩放整个父DIV、其子DIV以及子DIV中的文本

我尝试了CSS的“缩放”属性。但是，它不能正确缩放文本，而且子div的宽度似乎也不能“缩放”相等。它们偏离了方向

---

如何有条件地将元视口标记应用于除此特定的固定宽度DIV之外的所有内容？

您需要编写一个css媒体查询，在其中分页符可以调整DIV及其嵌套元素

这里是一个css3媒体查询模板，您可以使用它

---

或者更好的是，我会使用bootstrap的响应网格免责声明：我不确定这是否是您想要的，我没有足够的代表在评论中要求澄清，所以这里有一种可能性

<meta name="viewport" content="width=1000" />

---

…其中“1000”px是要包含的div的固定宽度。通过省略“initial scale”属性，设备应该计算出自己需要应用的缩放比例。

“要调整div及其嵌套元素”，就是这样。我不能调整它们。它们需要保持相同的宽度。我知道如何用CSS编写响应性代码。我网站的其余部分都是响应性的。我只需要这一个div的“不”响应，只是适合屏幕的现状。“我会使用bootstrap的响应网格”你能更好地解释一下吗？我将如何使用此解决我的问题？