如何检测智能手机屏幕和显示网页

Question

我正在创建一个网页，我想为智能手机创建一个版本。 我找到了有关此内容的信息，但使用了max-widht的媒体查询。 问题是当用户在具有全高清屏幕的智能手机中打开页面时，它显示所有内容，如15.6＆＃34; 我该如何解决这个问题？

由于

Answer 1

在w3schools上查看 HTML响应式网页设计：https://www.w3schools.com/html/html_responsive.asp

您需要的是通过向页面头部添加元视口标记来使视口响应：

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

Answer 2

我同意@StaXter。但是， IF ，我可以实现后端和前端解决方案的功能。从我在网上看到的，后端解决方案有时可能会失败，并且正如每个Web开发人员都知道的那样，JS有时会失败，无论出于什么原因，尽管JS失败在我个人看来变得不那么常见了。

但如果你不能那么怀疑，只需使用StaXter所说的解决方案。 我只能添加到您正在使用前端的其他内容是确保使用元标记：https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

当有人禁用JS时，甚至还有元标记，您可以将它们重定向到没有JS的页面。