自适应网页设计工作桌面上而不是在移动设备(Responsive web design is work

2019-07-18 03:40发布

我有一个网站,必须响应的手机。 我用我的桌面上创建它。 当我调整浏览器窗口,这对手机完美的工作,但是当我检查我真正的手机:三星Galaxy S2是不响应移动视图。

可能是什么问题?

Answer 1:

你可能会丢失在HTML头视meta标签:

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

没有它的设备承担,并将视到全尺寸。

更多信息这里 。



Answer 2:

我也面临这个问题。 最后,我得到了一个解决方案。 使用该娄代码。 希望:问题将得到解决。

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



Answer 3:

检查你的CSS或使用CSS验证。

    Parse Error

   .navbar .nav li a {
    padding-right: 5px;
    paddng-left: 5px;

它看起来像你没有关闭你的花括号或错字错误。



Answer 4:

虽然它回答上面,它是使用权

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

但如果你正在使用反应,随后的WebPack不要忘记关闭元素标签

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


文章来源: Responsive web design is working on desktop but not on mobile device