css - 如何让我的网站响应智能手机

Question

care-24-7.com/Test/

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

Answer 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

Answer 2

看看meta view-port标签。

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

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