如何检测智能手机屏幕并显示网页
如何检测智能手机屏幕并显示网页
提问于 2017-11-21 00:00:38
我正在创建一个网页，我想为智能手机创建一个版本。我找到了关于这方面的信息，但是使用了一个带有max-widht的media-query。问题是，当用户在全高清智能手机中打开页面时，它会显示所有内容，就像在15.6英寸的笔记本中一样。“我如何解决这个问题？”
谢谢
回答 2
Stack Overflow用户
发布于 2017-11-21 00:07:47
在w3schools：https://www.w3schools.com/html/html_responsive.asp上查看HTML Responsive Web Design
您需要的是通过向页面头部添加meta viewport标签来使viewport响应：
<meta name="viewport" content="width=device-width, initial-scale=1.0">Stack Overflow用户
发布于 2017-11-21 00:09:58
我同意@StaXter。但是，如果你可以，我会实现一个功能后端和前端的解决方案。根据我在网上读到的，后端解决方案有时可能会失败，正如每个web开发人员都知道的那样，JS有时也会失败，无论是什么原因，尽管在我个人看来，JS失败越来越少。
但是如果你不能，那么毫无疑问，就使用StaXter所说的解决方案。在你仅仅使用前端的地方，我唯一能添加的就是确保你使用元标签：https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
甚至还有元标签，当有人禁用了JS时，你可以将它们重定向到没有JS的页面。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47396131
复制相关文章
相似问题
腾讯云开发者
