当缩放/去缩放时，如何阻止div变大？

Question

当我放大，div变大，当我去放大，它变小。它也改变了位置，这是一种痛苦。

html：

<div id="update-logs">
    <h2>Update Logs</h2>
    <div id="log-text">
        <ul id="update-list">
            <li id="update-1">Update 1</li>
            <li id="update-2">Update 2</li>
            <li id="update-3">Update 3</li>
            <li id="update-4">Update 4</li>
        </ul>
    </div>
   
</div>

css：

#update-logs {
    position:absolute;
    bottom:200px;
    background-color:#1b1b1b;
    margin-right:1200px;
    height:350px;
    border-radius:5px;;
    border-style:solid;
    border-color:#0e0e0e;
    border-width:15px;
    text-align:center;
    color:rgb(201, 201, 201);
    
}

我试着把这个位置改成任何类型的。什么都没变。

Answer 1

向div添加具有固定值的宽度。例：width: 350px;或width: 20rem;。这样，无论屏幕大小如何，div都将保持350 at /20 div宽度。

您也可以使用百分比根据屏幕大小的比例给它宽度。例：width: 50%;.这将使div宽度保持屏幕大小的一半。