我有一个快速响应的网站。我已经......
了 <meta name="viewport" content="width=device-width, initial-scale=1"/>
...在标题中。该网站不仅自动缩小所有内容以适应智能手机屏幕。它保持我的DIV的适当大小（无论它们是固定的还是百分比），我设计我的元素以适应相应的。
但是，在一个页面上，我有一个包含多个元素的交互式图表。这些是块（里面有文本），它们必须保持固定的宽度。问题是，这些固定宽度比智能手机屏幕大得多。它大约是1000px宽。
我无法根据这个div百分比。它必须至少1000px宽，并在每个设备上保持这个大小。显然，这意味着它不适合智能手机屏幕。
我想做的是继续使用......
<meta name="viewport" content="width=device-width, initial-scale=1"/>
...对于我的网站中的其他所有元素，除了这一个DIV。我需要缩放整个父DIV，它的子DIV和子DIV中的文本。
我尝试过CSS“zoom”属性。但是，它不能正确缩放文本，并且子DIV的宽度似乎不会同等地“缩放”。他们不协调。
如何有条件地将该视口标签应用于除此特定固定宽度DIV以外的所有内容？
答案 0 :(得分：1)
你需要编写一个css媒体查询，在你的页面中断调整div及其嵌套元素
这是一个css3媒体查询模板要点，您可以使用https://gist.github.com/marcobarbosa/798569
或更好，我会使用bootstrap的响应网格http://getbootstrap.com/2.3.2/
答案 1 :(得分：0)
免责声明：我不确定这是您正在寻找的内容，而且我没有足够的代表在评论中要求澄清，所以这里有可能......
<meta name="viewport" content="width=1000" />
...其中“1000”px是您要包含的div的固定宽度。通过省略“initial-scale”属性，设备应该找出它需要应用的缩放。