首页 文章

响应式网页设计适用于桌面,但不适用于移动设备

提问于
浏览
101

我有一个必须响应手机的网站 . 我用我的桌面创建了它 . 当我调整浏览器窗口时,它可以很好地用于手机,但是当我在真正的手机上查看它时:三星Galaxy S2它对移动视图没有响应 .

怎么可能是错的?

3 回答

  • 0

    您可能在html头中缺少视口元标记:

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

    如果没有它,设备会假定并将视口设置为完整大小 .

    更多信息here .

  • 2

    我也遇到过这个问题 . 最后我得到了解决方案 . 使用此波纹管代码 . 希望:问题会得到解决 .

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

  • 246

    检查您的CSS或使用CSS Validator .

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

    看起来你还没有关闭大括号或拼写错误 .

相关问题