Question

我正在制作网站并将div添加到左侧，但是当我更改屏幕时，（其他分辨率）div会变小吗？任何解决方案？

CSS：

#chat {
width:15%;
height:86.4%;
background: #232b32;
color:#000;
margin-top: -1.5%;


.chat-online {
width: 100%;
height: 5%;
background: #232b32;
font-family: Prototype;
text-align: center;
font-size: 26px;
color:#fff;

HTML：

 <div id="chat">
    <div class="chat-online">Chat (1)
        </div>

Answer 1

你正在使用宽度：15％，这意味着如果父亲没有固定的父亲的15，那将改变窗口的变化。

Answer 2

您遇到的问题取决于您使用百分比设计网站的方式。百分比是流体布局的一部分。像素是“固定”布局的标准。你想要完成的是一个固定的布局。不使用％作为聊天元素的宽度和高度，而是使用像素。

例如。而不是＆gt;

#chat {
 width:15%;
 height:86.4%;
 background: #232b32;
 color:#000;
 margin-top: -1.5%;
 } 


.chat-online {
 width: 100%;
 height: 5%;
 background: #232b32;
 font-family: Prototype;
 text-align: center;
 font-size: 26px;
 color:#fff;
 }

使用类似＆gt;

的内容

#chat {
 width:30px;
 height:200px;
 background: #232b32;
 color:#000;
 margin-top: -1.5%;
 } 


.chat-online {
 width: 1000px;
 height: 50px;
 background: #232b32;
 font-family: Prototype;
 text-align: center;
 font-size: 26px;
 color:#fff;
 }

当然这些只是随机数，但你明白了。您可能需要使用不同的数字来获得您想要的精确外观。

其他屏幕分辨率时Div改变大小

2 个答案: