如何解决编写一个以任何浏览器为中心的自适应网站
如果这个问题非常简单,我深表歉意。我一直在尝试使用第三方网站构建器作为客户端,以便日后轻松访问/编辑,但是他确实想要一个响应型网站,无论其显示在什么浏览器/分辨率上,它都能自动调整大小并居中。我敢肯定,我将只需要从头开始,并为他打造完全定制的产品。我甚至不知道从哪里开始,因为对响应站点进行编码对我来说仍然是新的。有人可以向我指出的任何帮助或指导将不胜感激。
#page {
margin-left:auto;
margin-right:auto;
width:960px;
}
#stage {
margin: 1em auto;
width: 360px;
height: 540px;
}
#stage a {
position: absolute;
}
#stage a img {
padding: 0px;
border: 0px solid #ccc;
background: #fff;
}
解决方法
您是否要使主体始终居中,以使其在不同设备上不会出现布局问题,或者您希望每个元素都居中对齐?
我认为这是第一个。
您可以在body元素和width:95vw;
上使用margin:auto;
。
您可以使用媒体查询。
在头中添加视口元标记也很重要。
让我知道我是否明白这个问题
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。