如何在智能手机上禁用缩放div

Question

我的html页面上的导航栏有问题。当我在智能手机上打开我的网站并尝试扩展某些东西时，导航栏（固定到顶部）也会扩展到我的css爆炸:) 如何让导航栏无法在移动设备上缩放？

Answer 1

有几种方法。你可以使用

.navbar {
  max-width: 940px;
  min-width: 940px;
}

或媒体查询

@media all and (max-width: 940px) {
.navbar{width:940px;
}

Answer 2

1. 您可以在元数据中配置视口和其他设置，这些设置应位于 HTML 文档的 部分

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">

Viewport Meta Tag on MDN

1. 您构建样式表 =＆gt; css百分比。例如： div 与height: 100%; width: 100%。