Question

css 页面缩小后变形怎么解决

.post{float:left;width:518px;padding:20px;border-bottom:#EEE solid 1px}
.post .thumbs{float:left;width:140px;height:100px;padding:4px;border:#DDD solid 1px}
.post .indexs{float:left;padding-left:18px;width:350px;line-height:22px}

<div class="post">
<div class="thumbs"> 左边内容 </div>
<div class="indexs"> 右边内容 </div>
</div>

Answer 1

因为总宽度不够所以浏览器自动换行了 可以设置成百分比 不过设置成百分比尺寸难以控制 用javascript 根据尺寸变化修改CSS 或者切换CSS文件 这样比较好

追问

页面div和css并没改变，我所说的缩小是指浏览器缩放，在浏览时对页面进行的缩放，

追答

一样的 我刚试过 即使是百度的网页缩放之后也会很混乱 简单的方法就是固定尺寸 复杂的就是用javascript 也就是响应式

Answer 2

ff和chrome缩了下没事啊 。不过实测post width:518px不太够，直接换行了。加大了点再缩放浏览器无压力啊。

追问

.thumbs
.indexs
它们的总宽（含内补白）刚好是.post的518px呀，如果总宽不够，不用缩放直接就会换行啊。
好像缩放时是padding影响了，

Answer 3

是指本来好好的页面因为更改了分辨率而导致内容错位了吗？

Answer 4

建议宽度用百分比，