最近我们有一些客户抱怨我们的网站定位搞砸了,我们发现这个问题只发生在他们的浏览器缩小到75%左右时。我们的大多数客户都没有意识到他们的浏览器设置为缩小模式,我们被告知要解决问题,因此无论缩放级别如何,定位都是一致的。
我尝试使用em
调整元素大小,并尝试%
,但定位仍然混乱。
以下是该网站的链接: http://www.comms-express.com
问题出现在所有页面上 - 页面右上角的“需要帮助”框以75%缩放率下降,产品页面上的主框不适合75%缩放的容器。
有人能给我一些指示吗?我正在寻找某种CSS媒体查询,这将允许我更改特定缩放级别的CSS规则。
谢谢!
答案 0 :(得分:0)
这似乎主要影响您的.product
元素,将其宽度从当前设置190.5px;
更改为23%,以便按比例缩放。
.product {
width: 23%;
}
这可能是一个快速解决方案,而不是其他任何东西,但应该解决位置问题,直到找到更永久的解决方案。
答案 1 :(得分:0)
我设法通过修改元素的宽度来使用百分比而不是像素来解决这个问题,并通过重新调整元素的间距来解决这个问题。我没有使用边距,而是放置了一个较小的内部容器,并给了它一个填充,通常解决了大多数问题。