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

标签 css responsive-design media-queries

care-24-7.com/Test/

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

最佳答案

你需要这个

 <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

关于css - 如何让我的网站响应智能手机,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17721913/

相关文章:

css - css 导航栏中奇怪的单元格大小变化

css - 从浏览器在自定义区域打印

html - Bootstrap 画廊中的网格损坏

html - 你能在 CSS flex 中指定包装元素的顺序吗?

CSS:是否可以创建一个只覆盖给定媒体查询中的属性的类?

javascript - 正在编译 less modifyVars 时加载图标

javascript - 单击按钮显示 div 并在 5 秒后隐藏相同的 div

javascript - 在 React 中切换布局同时保持状态

html - 更改可见性时 div 定位关闭

html - 如何在当前媒体查询之前正确覆盖为媒体查询定义的样式?