在宽屏显示器上设置网页可能导致我创建不准确的 div 位置
我最近专门使用带有宽屏幕显示器的计算机制作了一个网站。后来，当我用显示器较小的电脑在线打开相同的页面时，我突然发现所有的div位置完全不对位。我的问题是如何使用宽屏显示器继续开发我的网页而不弄乱常规尺寸显示器上视图的 div 位置？
回复：
谢谢大家的建议。我同意页面的设计应该足够灵活以适应大多数浏览器窗口大小。然而，当您使用宽屏显示器而不注意时，很容易过度补偿 div 放置和元素大小。我的下一个问题是如何确定常规浏览器窗口尺寸以及如何强制我的浏览器窗口达到该尺寸？
感谢 Cyrena 为我提供开发工具方面的指导。我确实使用它们并跨浏览器进行检查。但我的问题是仅在浏览器最大化的宽屏显示器上工作。我不想犯同样的错误，所以我需要弄清楚如何以正确的尺寸调整浏览器窗口的大小。
I recently put together a website exclusively using a computer with a wide screen monitor. Later, When opening the same pages online using a computer with a smaller sized monitor, I suddenly noticed that all the div positions are completely out of place. My question is how to use the widescreen monitor to continue to develop my webpages without messing up div positions for views on regular sized monitors?
Re replies:
Thanks for the advice guys. I agree that the design of the page should be flexible enough to accommodate most browser window sizes. However, when u are working with a widescreen monitor and not paying attention it is easy to overcompensate div placements and element sizes. My next question is on how to be sure of regular browser window dimensions and how to force my browser window into that size?
Thanks Cyrena for giving me directions with the development tools. I do use them and check across browsers. But My problem here was working exclusively on a widescreen monitor with the browser maximized. I don't want to make the same mistake, so I need to figure out how to resize my browser window with the right dimensions.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
我想到了两种基本方法：
事实是，一个真正美观的网站永远无法在所有浏览器配置上运行。选择一个酒吧并与之对抗。
Two basic approaches off the top of my head:
The truth is that a really good looking site will never work on all browser configurations. Choose a bar and work against that.
不最大化浏览器窗口？只是水平缩小一点吗？
但是，任何对显示器形状有如此高依赖性的网站都设计得很糟糕。它应该适合任何大于某个最小尺寸的显示器（无需花费额外的精力来使其适合 100x100 像素屏幕）
Don't maximize your browser window? Just shrink it horizontally a bit?
But any website that has such a high dependence on the shape of your display is poorly designed. It should fit to any size display that's bigger than some minimum (no use spending extra effort to make it fit on a 100x100 pixel screen)
如果您使用 IE 的开发人员工具，您可以调整窗口大小以查看不同分辨率下的外观。
检查一下：
工具>开发者工具>工具菜单>调整大小。
您还需要确保至少在其他浏览器/操作系统组合上测试您的网站。
If you use IE's Developer Tools, you can resize the window to see what it would look like at different resolutions.
Check it out in:
Tools > Developer Tools > Tools menu > Resize.
You will also want to make sure you are testing your website on other browser / OS combinations at the very least.