缩放/缩放不同的设备宽度

Question

我的网站没有响应，我可以通过媒体查询做出响应。但这将是一项艰巨的任务....我想要一个简短的过程来缩放/缩放我的网站以适应设备宽度。请帮助我任何人

Answer 1

我必须使用此元标记来获得解决方案。

<meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=1.0, user-scalable=1">

谢谢大家。 ：）

Answer 2

您可以使用媒体视口设置内容规范。

<meta name="viewport" id="viewport" content="initial-scale=1.00, width=device-width, target-densitydpi=device-dpi, minimum-scale=1.00, maximum-scale=1.00, user-scalable=no">

Answer 3

我强烈建议使用由某些框架（如bootstrap）提供的网格系统。并相信它会让你的工作变得更加容易。这是一个来自bootstrap官方网站的链接，它将为您解释一切。尝试调整浏览器窗口的大小以注意区别。