我学习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;
}