我正在尝试为我的网页构建一个响应式设计,但是当我调整它的大小时,元素会变小。
有没有办法让元素在移动浏览器中以合理的大小显示?
以下是代码:
body {
background-color: #EAEAEF;
}
.cover {
width: 840px;
height: 300px;
position: relative;
right: 2%;
background-color: blue;
}
<body>
<div class="container">
<div class="cover">
</div>
</div>
</body>
答案 0 :(得分:0)
尝试为您的网页设置viewport
。
<meta name="viewport" content="width=device-width, initial-scale=1" />
在您的网页上添加以上内容。