Question

我已经设法建立了一个“体面”的网站（在我看来是初学者）。而且，布局是这样的：

有一件事我意识到，当我用手机打开它时，它非常混乱：

所以，我决定谷歌搜索“响应式网站”并且有很多事情要做，所以我想在此期间，当人们使用手机访问我的网站时，就像他们用PC的浏览器打开它一样，他们可能需要缩小一点，所以当他们访问我的网站时他们会看到这个：

那么，我应该在代码行中添加什么来使我的布局在每个屏幕尺寸中“锁定”？（对不起，如果我不清楚的话）

PS：我想要实现的目标是website（请注意我们放大时布局不会受到影响）

Answer 1

要让移动浏览器上的网站与PC浏览器一样，请使用

删除元标记

名称= “视口”

并且不要在css中使用媒体查询

Answer 2

网站上的精彩工作。要对移动响应做一些事情，您可以执行以下操作：

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

接下来就是添加引导程序或媒体查询。为了节省空间，人们使用媒体查询并划分部分，以便站点在不同的设备上看起来不同，人们使用引导类。

可以在w3schools上查看示例。