【发布时间】：2015-08-23 20:18:42
【问题描述】：
我正在学习响应式设计。现在我正在创建一个响应式网站..它有名称徽标，左右有两条水平线。徽标应该位于顶部中心。在徽标下我必须放置菜单。在响应式设计视图中它应该保持中心位置
【问题讨论】：
-
那么问题出在哪里？你想让我们为你设计吗？
-
您需要提供一些代码来证明您的问题。
标签： css html responsive-design
【发布时间】：2015-08-23 20:18:42
【问题描述】：
您的问题在这里回答得非常重要，但媒体查询是您想要的。观看这个简短的 YouTube 视频，您将很快掌握基础知识
https://www.youtube.com/watch?v=fA1NW-T1QXc
头部中的 HTML <meta name="viewport" content="width=device-width, initial-scale=1">
正文中的 HTML <div id="container"><div id="header">Logo</div></div>
CSS #container{width: 1000px; height: 500px;}
#header{width: 1000px; height: 100px; text-align: center;}
@media only screen and (max-width: 999px){#container{width:100%;}#header{width: 100%;background-color: blue;}}
这只是一个示例，只要您的屏幕宽度低于 999 像素，标题就会在 999 像素时变为蓝色，并根据您的屏幕大小调整。
【讨论】：
-
虽然理论上这可以回答这个问题，it would be preferable 在这里包含答案的基本部分，并提供链接以供参考。