javascript - 如何在网站内基于移动设备动态缩放视口？
问题描述
我正在托管一个网站作为一个项目来熟悉事物的网络方面。我想我应该主持一个体面的网站。甚至还没有成为一名 Web 开发人员，我几乎完成了，然后才意识到我的模板根本无法在移动设备上很好地扩展。如果没有一些严重的黑客攻击（试图专注于网络前端），它永远不会针对移动设备进行特别优化，但我希望它不会被完全破坏并且喜欢美学，所以我不认为我想切换到适应性更强的模板。
我已经设置了视口，以便它可以很好地与某些 iPhone 一起缩放，但我希望能够根据最终用户设备动态缩放，因为当前设置仍然让相当多的用户设计损坏. 我什至会从哪里开始呢？
这是网站：https ://ascendantvestals.com （一个虚构的邪教，以免费 Minecraft 服务器的前景引诱人们。哈哈）
解决方案
尝试@media在你的 CSS 中使用标签，使网站在不同的设备尺寸上看起来更好或不同。更多信息在这里：https ://www.w3schools.com/cssref/css3_pr_mediaquery.asp
推荐阅读
- python - 允许可选属性的 Python 协议
- python - 为什么我的学习曲线会出现峰值或波动？
- c++ - Rcpp：R::dbeta 的“没有上下文类型信息的重载函数”
- google-apps-script - 设置自动调整文本属性
- django - 卡在 DJango
- ruby - 发生 Ruby 异常：nil:NilClass 的未定义方法“split”
- python - 关闭客户端
- python - 有没有办法从 Django 中包含 HTML 标记的字符串将实际的 HTML 添加到模板中？
- reactjs - React Firebase 更新数据库
- javascript - 如何将模态重构为单独的文件？