为“正常”开发的网站尺寸的显示器在宽屏中变得混乱

发布于 2024-10-21 01:08:30 字数 451 浏览 7 评论 0原文

我创建了一个网站，效果非常好，但后来去了一个朋友家，发现该网站不成比例，在他的宽屏显示器上几乎丑陋。如果不对网站进行大量重写，是否有一个脚本可以根据宽屏显示器或其他替代方案调整我的网站大小？除了“正确重做您的网站”之外，欢迎提出任何建议。谢谢！

编辑：我的网站应如下所示： http://img843.imageshack.us/img843/4453/22425853.jpg
这是它在宽屏上的显示方式： http://img851.imageshack.us/img851/7494/racism.jpg

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

笑忘罢 2024-10-28 01:08:30

这取决于你如何进行布局。如果您没有使用绝对或固定位置，最简单的方法可能是在内容周围使用包装 div 并为其指定最大宽度，就像这样

<body>
    <div id="wrapper">
        <!-- all the content goes here -->
    </div>
</body>

和 CSS

#wrapper {
    max-width: 960px;
    margin: 0 auto
}

编辑：如果您没有访问权限对于 HTML，您可以保留如图所示的 CSS 并使用此 jQuery 行（它应该可以工作，但我还没有测试过）

$('body').wrapInner('<div id="wrapper" />')

编辑：我发现您不熟悉 jQuery。仅当页面准备好时才应运行的代码应按如下方式包装：

$(function() {
    $('body').wrapInner('<div id="wrapper" />');
});

请告诉我这是否适合您。您可以尝试

$('#wrapper').attr('id');

在 Firebug 控制台中检查包装器 div 是否已创建。

It depends on how you did the layout. If you did not use absolute or fixed positiong, the simplest way could be to use a wrapper div around your content and give it a maximum width, like this

<body>
    <div id="wrapper">
        <!-- all the content goes here -->
    </div>
</body>

and the CSS

#wrapper {
    max-width: 960px;
    margin: 0 auto
}

EDIT: If you do not have access to the HTML you can leave the CSS as shown and use this jQuery line (it should work but I have not tested it)

$('body').wrapInner('<div id="wrapper" />')

EDIT: I see you are not familiar with jQuery. Code that should be run only when the page is ready should be wrapped as follows:

$(function() {
    $('body').wrapInner('<div id="wrapper" />');
});

Please let me know if that works for you. You can try

$('#wrapper').attr('id');

in the Firebug console to check that the wrapper div has been created.

回复收藏 0 原文

⒈起吃苦の倖褔 2024-10-28 01:08:30

在网站包装器的 CSS 中设置 max-width。

回复收藏 0 原文

~没有更多了~

关于作者

灯角

暂无简介

0 文章

0 评论

23 人气

关注发私信

友情链接

文江博客

为“正常”开发的网站尺寸的显示器在宽屏中变得混乱

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（2）

关于作者

相关话题

热门标签

推荐作者

苍风燃霜

我的黑色迷你裙

悸初

撧情箌佬

森罗

lyn1245

友情链接

为“正常”开发的网站尺寸的显示器在宽屏中变得混乱

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（2）

关于作者

相关话题

热门标签

推荐作者

苍风燃霜

我的黑色迷你裙

悸初

撧情箌佬

森罗

lyn1245

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。