：

Question

我不是说英语的人，我会尽力以更好的方式解释我的问题。

我正在使用CSS设计我的第一个响应式网站。到现在为止，事情进展缓慢但很好。

我的第一个测试页面在桌面浏览器的所有宽度上都能正确响应，包括缩小它们的宽度。经过这些测试后，我将页面加载到使用Symbian的诺基亚5800智能手机中。

我的主要问题如下：

测试页面在诺基亚5800智能手机中正确加载，当我旋转手机时，页面会将内部元素调整为新的宽度。

没关系，但是...当我缩放页面（双击屏幕）时，页面被缩放，浏览器将内部元素缩小到新的更窄的宽度，我不希望页面在缩放时响应（例如：以320px宽度分辨率加载页面时）我希望在缩放页面时仅缩放元素。我正确解释了吗？我的页面似乎反应灵敏!!!!! :)或某些东西不能正常工作。

换句话说......即使页面在桌面浏览器上以更窄的宽度调整DIV（等），问题是当我放大较小的屏幕（智能手机）时，因为一些元素还会变窄，而且它是如此之多。

我使用了标签的几种变体：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

...但这种智能手机在缩放页面时仍然会调整宽度。有些事情没有用。

我将身体限制在CSS中的zoom: 1 所有分辨率的体宽均设置为100％。

我需要在缩放（缩放）页面时，不要修改这些宽度。

在销毁我的智能手机之前:)我问......

在缩放时，CSS中是否有某种方法可以避免响应效果？

我不知道我还能做些什么。

我希望我已经清楚地解释了这个问题，以便有人可以帮助我。

这些是CSS的主要部分

主CSS中的

：

body {
    /*background-color: white;*/
    background-image: url('images/background_pages_gris-ruido.jpg');
    line-height: normal;
    color: black;
    z-index: 1;
    width: 100%;
    zoom: 1;
    display: block;
}

在MEDIA Css中：

@media screen and (min-width: 961px) and (max-width: 1152px){
body {
    background-color: transparent;
line-height: normal;
}
#DIV_GLOBAL {
    width: auto;/*950px;*/;
    display: table;
    float: none;
    background-color: transparent;
    margin: 0px auto 20px auto;
}

现在我使用iPad和三星Galaxy S3智能手机修改了测试页面。在这些设备中，页面无法缩放。

问题在于我的诺基亚5800等智能手机。有什么方法可以避免缩放时的响应效果吗？

我希望这些数据足以分析。谢谢！ GusSiglo21

如何避免适应放大响应式设计？

：

在MEDIA Css中：

0 个答案: