Responsive design 如何避免在响应性设计中适应放大?

Responsive design 如何避免在响应性设计中适应放大?,responsive-design,Responsive Design,我不会说英语,我会尽量用更好的方式解释我的问题 我正在使用CSS设计我的第一个响应式网站。 到目前为止,事情进展缓慢但很顺利 我的第一个测试页面在所有宽度的桌面浏览器中都能正确响应,包括缩小它们的宽度,直到它变小。 测试后,我将页面加载到使用Symbian的诺基亚5800智能手机中 我的主要问题是: 测试页面在诺基亚5800智能手机中正确加载,当我旋转手机时,页面会根据新的宽度调整其内部元素 这没问题,但是…当我缩放页面(双击屏幕)时,页面会被缩放,浏览器会将内部元素再次缩小到新的更窄的宽度,我

我不会说英语,我会尽量用更好的方式解释我的问题

我正在使用CSS设计我的第一个响应式网站。 到目前为止,事情进展缓慢但很顺利

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

我的主要问题是:

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

这没问题,但是…当我缩放页面(双击屏幕)时,页面会被缩放,浏览器会将内部元素再次缩小到新的更窄的宽度,我不希望页面在缩放时有响应(例如:当页面以320px的宽度分辨率加载时) 我只希望在缩放页面时缩放元素。我的解释正确吗? 我的页面似乎反应如此之快或者有些东西不好用

换句话说…。即使在桌面浏览器上,页面也会将div(etc)调整为更窄的宽度,问题是当我放大更小的屏幕(智能手机)时,因为有些元素会额外变窄,而且太多了

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

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
在媒体Css中: 现在我用iPad和三星Galaxy S3智能手机修改了测试页面。在这些设备中,无法缩放页面

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


我希望这些数据足以分析。非常感谢。GUSIGLO21

你能给我们看一下你用来使相关元素响应的CSS代码吗?它在其他手机和平板电脑上的工作方式是否相同?Symbian浏览器有一些独特的功能。
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 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;
}