Question

我学习CSS和HTML已经有好几天了。我正在尝试构建一个网站，我的内容容器在我的17英寸笔记本电脑上完全正常工作（显示）。然而，当我向左移动它到我的桌面并向下移动到底部时。

如何根据屏幕分辨率更改元素。

            /* Entire drop-up menu, show on mouse hover */
            #footer_menu li:hover .one_column_layout, 
            #footer_menu li:hover .two_column_layout, 
            #footer_menu li:hover .three_column_layout
            {

           display: block;
           position: absolute;
           margin: auto;
           bottom: 40px;
           border: 1px solid #111111;
           border-radius: 7px 7px 0px 0px;
           background: rgba(0,0,0,0.5);
           bottom: 90px;
           left: 500px;
           width: 500px;
           padding-left: 50px;
           padding-right: 54px;
           font-size: 12px;
           left: 400px;
           }

Answer 1

构建响应式网站需要考虑很多事情，但第一个问题是不以像素为单位修复宽度，而是以％和/或使用媒体查询。

css html 5响应式网站

1 个答案: