响应式网站，将正文设置为设备宽度

Question

I want the body of the page to be responsive so that it is easy for the user to read on a mobile site.我希望页面的正文具有响应性，以便用户在移动网站上轻松阅读。 But when I use this line of code.但是当我使用这行代码时。 I get this mess.我得到这个烂摊子。 Any suggestions?有什么建议么？

<meta name="viewport" content="width=device-width">

Thanks in advance!提前致谢！

Answer 1

    <!-- Try in this way it may help You --->

    <!DOCTYPE html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
    body {
      background-color: yellow;
    }

    @media only screen and (max-width: 600px) {
      body {
        background-color: lightblue;
      }
    }
    </style>
    </head>

响应式网站，将正文设置为设备宽度

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-08-09 20:17:38

响应式网站，将正文设置为设备宽度

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-08-09 20:17:38

解决方案1
0 已采纳 2020-08-09 20:17:38