如何在移动浏览器中使网页元素显得更大?

时间:2017-05-22 15:56:39

标签: html css responsive-design media-queries

我正在尝试为我的网页构建一个响应式设计,但是当我调整它的大小时,元素会变小。

有没有办法让元素在移动浏览器中以合理的大小显示?

以下是代码:

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>

1 个答案:

答案 0 :(得分:0)

尝试为您的网页设置viewport

<meta name="viewport" content="width=device-width, initial-scale=1" />

在您的网页上添加以上内容。