Question

我有一个网站，其中使用了meta name =“ viewport” content =“ width = device-width”。但其宽度与移动设备（仅移动设备）的宽度不匹配。我该怎么做才能使其与手机屏幕匹配？

Answer 1

尝试添加一种样式来设置宽度取决于屏幕：

body {
    width: auto;
}

如果您仅针对移动设备进行设计，则W3网站提供了不错的教程：W3.CSS

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3pro.css">
<body>

<!-- Content here -->

</body>
</html>

我的网站宽度无法与手机屏幕匹配

1 个答案: