【问题标题】:my website is responsive in chrome extension but when i check it in my phone it's not responsive我的网站在 chrome 扩展程序中是响应式的,但是当我在手机中检查它时它没有响应式
【发布时间】:2020-01-21 12:34:54
【问题描述】:

我为我的一个客户开发了我的网站,当我通过“Mobile/Responsive Web Design Tester”chrome 扩展检查它时,它的响应速度非常快,但是当我在手机上检查时它没有响应我已经尝试了我所知道的一切但找不到问题任何帮助将不胜感激

网站行是Link

【问题讨论】:

  • 请将您的代码添加到此问题中 _ HTML 和 CSS _ 我们需要查看您用来使您的网站响应的代码 _ 依靠 Google 扩展程序来为您的网络提供服务不是一个好主意-开发工作 _ Chrome 开发工具会更好(F12)
  • 您没有自己编写代码,但您添加了代码以使其具有响应性?
  • 网站有没有<meta name="viewport" content="width=device-width, initial-scale=1">
  • @Masih.karimi 不客气!我已经忘记了,我不想承认哈哈

标签: html css twitter-bootstrap user-interface responsive-design


【解决方案1】:

HTML5 引入了通过meta 标签控制大小的可能性。您可以在 <head> 中使用此标签来告诉设备在您的内容上使用哪个比例。

尝试将此添加到您的页面<head>

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

来源:https://www.w3schools.com/css/css_rwd_viewport.asp

【讨论】:

  • 在发布我的答案时,页面链接似乎提供的是 Godaddy 模板页面,而不是相关内容。
猜你喜欢
  • 2022-01-18
  • 2018-08-02
  • 2019-01-21
  • 2015-01-17
  • 2023-04-05
  • 2014-05-15
  • 1970-01-01
  • 2015-10-13
  • 2020-12-21
相关资源
最近更新 更多