小白求教：我直接做了一个html页面 电脑浏览很正常，手机浏览发现整个页面都缩小了

Question

小白求教：我直接做了一个html页面 电脑浏览很正常，手机浏览发现整个页面都缩小了

我主要想做一个手机访问的网页，请问如何制作适合手机浏览的html网页

我想过通过填充整个页面的方式，但是网上复制过来的代码都有问题。

求解决！！

Answer 1

在head中增加如下代码试试：

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

Answer 2

为什么不借助框架呢？ 比如Bootstrap
只要稍微有点CSS&HTML的基础，花点时间熟悉一下，很快就能上手

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。