如何在最小化浏览器的同时解决网站崩溃的问题?

发布于 2024-12-05 07:21:07 字数 1008 浏览 0 评论 0原文

我对 CSS 没有很好的了解。我有一个用 WP 开发的网站。当浏览器最小化时,站点 ID 就会被破坏。侧边栏返回内容。我已经使用了 div 的最小宽度、最大宽度和宽度,但仍然不起作用。任何人都可以帮忙吗?

这是写的CSS

@media (max-width: 800px) { /* Simplify the basic layout */ html,body{width:940px;}
#page{max-width:940px;}
#main{margin:0;padding:0;width:100%;}
#access .menu{}
#access a{}
#content{margin:0;padding:0 0 64px;width:640px;} .home #main
#content{margin:0;}
#nav-below{border-bottom:none;margin-bottom:0;}
#main #primary{float:left;margin:0 0 0 80px;width:640px;padding:0;} .home #main #primary,.home #main #primary
#content{float:left;margin:0;padding:0;width:940px;}
#content #nav-below{padding:0;}
#main #secondary{margin:0;padding:78px 0 64px 20px;width:200px;float:left;}
#supplementary{margin:0;padding:34px 0 0;}
#site-generator{margin:0;padding:0 0 0 80px;}
#colophon #supplementary
#first.widget-area{float:left;margin:0;width:700px;padding:0;}
#colophon #supplementary #second.widget-area{float:left;padding:5px 0 0 20px;width:200px;} }

提前致谢

I do not have good knowledge in CSS. I have a site developed in WP. When the browser is minimized, the site id broken down. The sidebar go back of the content. I have used the min-width, max-width and width for the divs used but still does not work. Can any one help.

Here the css written

@media (max-width: 800px) { /* Simplify the basic layout */ html,body{width:940px;}
#page{max-width:940px;}
#main{margin:0;padding:0;width:100%;}
#access .menu{}
#access a{}
#content{margin:0;padding:0 0 64px;width:640px;} .home #main
#content{margin:0;}
#nav-below{border-bottom:none;margin-bottom:0;}
#main #primary{float:left;margin:0 0 0 80px;width:640px;padding:0;} .home #main #primary,.home #main #primary
#content{float:left;margin:0;padding:0;width:940px;}
#content #nav-below{padding:0;}
#main #secondary{margin:0;padding:78px 0 64px 20px;width:200px;float:left;}
#supplementary{margin:0;padding:34px 0 0;}
#site-generator{margin:0;padding:0 0 0 80px;}
#colophon #supplementary
#first.widget-area{float:left;margin:0;width:700px;padding:0;}
#colophon #supplementary #second.widget-area{float:left;padding:5px 0 0 20px;width:200px;} }

Thanks in advance

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

随波逐流 2024-12-12 07:21:07

你尝试过吗...

html,body {min-width:940px}

Have you tried...

html,body {min-width:940px}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文