1

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

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

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

我的主要问题如下：

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

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

换句话说…。即使页面在桌面浏览器上以更窄的宽度调整 DIV（等），问题是当我放大较小的屏幕（智能手机）时，因为某些元素也被缩小了，而且太多了。

我使用了几种标签变体：

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

...但是这种智能手机在缩放页面时仍然会调整宽度。有些东西不工作。

我将主体限制zoom: 1在 CSS 中，对于所有分辨率，主体宽度设置为 100%。

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

在销毁我的智能手机之前:) 我问...</p>

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;
}

在媒体 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

4

0 回答 0