Question

我有一个HTML页面，可以正确显示一个屏幕分辨率，但不适用于其他分辨率。如何使此页面的CSS对所有分辨率都有响应？

Answer 1

您可以使用Bootstrap 3.

从Bootstrap W3schools了解它它将帮助您轻松制作响应式网页。

Answer 2

在HTML中将POST标记在<meta name="viewport" content="width=device-width, initial-scale=1">内。

现在在CSS文件中：使用<head>获取不同的屏幕分辨率。

例如：

HTML：

@media screen and (max-width: <screen-width>px)

CSS：

    <html>
       <head>
          <title>this is title</title>
          <meta name="viewport" content="width=device-width, initial-scale=1">           
       </head>
       <body>
          <div class="test">
             <!--do something-->
          </div>
       </body>
    </html>

现在调整浏览器窗口的大小并查看响应效果。

如何使css设计响应？

2 个答案: