浏览器缩放时的 CSS 边距/填充问题
我很难让我的页面在各种浏览器缩放设置下正确显示。
如果用户缩小页面,内容会对齐,但是一旦它们缩小得太远并刷新页面,或者如果它们放大太多并加载页面,则内容窗格会发生移动。
这在 Firefox 中似乎不是问题,但在 chrome/safari/iexplore 和 iPad 上却是一个非常严重的问题。
无论用户浏览器设置如何,我该如何确保主要内容加载到正确的位置?
谢谢,
科里
I am having difficulty getting my page to show up correctly at various browser zoom settings.
The content is aligned if the user is zoomed out on the page, but once they zoom too far out and refresh the page, or if they are too zoomed in and the page loads, then the content pane is shifted.
This does not seem to be an issue in firefox, but it is a very serious issue in chrome/safari/iexplore and on the iPad.
What can I do to ensure that the main content loads in the correct position regardless of user browser settings?
Thanks ,
Kory
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
以百分比形式定义所有 CSS 值,以便它们彼此相关。问题是当浏览器调整像素值并到处丢弃一些数字时。
Define all your CSS values in percents so they are relative to each other. The problem is when browsers adjust the pixel values and drop a few digits here and there.