【问题标题】:Website look non responsive or zoom out on mobile screens [closed]网站在移动屏幕上看起来没有响应或缩小 [关闭]
【发布时间】:2015-11-28 12:59:34
【问题描述】:

这是我几天前做出响应的客户网站。

网站网址:grohair.sparkpointdigital.com

当我们调整浏览器屏幕大小或在其他响应式检查工具上进行测试时,它可以完美响应,但是当我们在真实的移动设备上检查网站时,它无法正常工作,看起来媒体查询正在工作,但网站采用宽屏(缩小)..可以自行查看网站是否在线grohair.sparkpointdigital.com

我知道元视口标签

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

但它就在那里..

是的,我也在其他服务器上测试过这个abhishekbhandari.com/grohair

任何帮助将不胜感激..

【问题讨论】:

  • <meta name="viewport" content="width=device-width, initial-scale=1.0">
  • 谢谢您的回复,我说我已经在使用它了,您也可以自己检查..
  • 我知道你有一个视口,但使用@defcon2 建议的视口
  • 我正在使用相同的@lucky,blag 解决了我的问题,感谢你们的即时支持
  • @Abhi 下次请把你的 url 链接到你的网站,并使用 Your tag here 作为 html 标签

标签: html css responsive-design


【解决方案1】:

http://grohair.sparkpointdigital.com/css/index.css 上的 CSS 的第一个版本中,你得到了以下几行:

body {
    position: relative;
    min-width: 1164px;
    padding-top: 36px;
}

Aka :“我希望我的网站宽度至少为 1164 像素”。 => 只需删除 min-width 行,它就会神奇地工作......

如果您锁定宽度,引导程序将无法缩放您的内容

【讨论】:

  • 感谢 Blag,它可以工作,但我有点困惑,我添加了 min-width:auto,优先考虑在桌面浏览器上工作..我真是个混蛋,严重错误..感谢您的帮助:)
  • @blag 你在哪里看到的代码?
  • @LuckyChingi 检查了 OP 给出的 url 的代码(可能被编辑删除)
  • 你检查过这个链接grohair.sparkpointdigital.com吗?
  • 感谢@blag 实际上这些是制作这个网站的开发人员使用的css,我只制作一个新的css文件,其中一个是custom.css
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多