如何在最小化浏览器的同时解决网站崩溃的问题?
我对 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
你尝试过吗...
Have you tried...