使用 CSS 来适应 HTML 网站的所有元素的最佳方式是什么？ [关闭]

Question

我正在学习 CSS 和 HTML，我决定创建一个简单的网站，它只需要一个电话号码并将其重定向到 whatsapp API 网站，以避免在您购买/销售商品时添加太多电话联系人。

我在 github 页面上启动了这个小项目：
https://frenchiveruti.github.io/wppapi/
以下是来源：
https://github.com/frenchiveruti/wppapi/tree/gh-pages

我在为网站进行良好的自适应设计以使其在手机中看起来“体面”时遇到问题。 特别是我至少设法找到了我手机的@media 查询，但它以非常小的和无用的方式显示所有元素。
在这里你可以欣赏我得到的： 为了得到这个，我想要什么（我必须“放大”）： 当我到达那里时，我会处理零件的“边缘”。

Answer 1

在 head 标签中添加<meta name="viewport" content="width=device-width initial-scale=1.0" /> - 这将防止网站缩小。