【问题标题】:how to make my site responsive for smart phones如何让我的网站响应智能手机
【发布时间】:2013-07-18 19:20:10
【问题描述】:

care-24-7.com/Test/

我一直在尝试让我的新网站模板适应移动设备。到目前为止,当我调整浏览器窗口的大小时它可以工作。问题是它不适用于移动设备。它显示为常规网页。

【问题讨论】:

  • 你来这里之前有没有研究过这个问题?因为如果你在 google 上写“让网站响应智能手机”,你会得到丰富的资源来帮助你。对于那些丰富的资源,一言以蔽之,请尝试“媒体查询”。 (不过我没有否定)
  • 是的,我不明白该问什么!因为它适用于浏览器而不是智能手机!

标签: css responsive-design media-queries


【解决方案1】:

你需要这个

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

不要不想maximum-scale=1.0,user-scalable=no,因为用户将无法放大

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

【讨论】:

    【解决方案2】:

    看看meta view-port标签。

    将此添加到您的页面以快速解决问题。

    <meta name="viewport"
        content='width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no' />
    

    【讨论】:

    • 让我用这个,我会通知你的。 @vishwanath
    猜你喜欢
    • 2013-06-27
    • 1970-01-01
    • 1970-01-01
    • 2016-02-03
    • 1970-01-01
    • 1970-01-01
    • 2020-09-10
    • 1970-01-01
    • 2018-05-31
    相关资源
    最近更新 更多