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>
因为总宽度不够所以浏览器自动换行了 可以设置成百分比 不过设置成百分比尺寸难以控制 用javascript 根据尺寸变化修改CSS 或者切换CSS文件 这样比较好追问
页面div和css并没改变，我所说的缩小是指浏览器缩放，在浏览时对页面进行的缩放，
追答一样的 我刚试过 即使是百度的网页缩放之后也会很混乱 简单的方法就是固定尺寸 复杂的就是用javascript 也就是响应式
温馨提示：内容为网友见解，仅供参考
第1个回答 2014-02-04
ff和chrome缩了下没事啊 。不过实测post width:518px不太够，直接换行了。加大了点再缩放浏览器无压力啊。追问
.thumbs
.indexs
它们的总宽（含内补白）刚好是.post的518px呀，如果总宽不够，不用缩放直接就会换行啊。
好像缩放时是padding影响了，
第2个回答 2019-01-23
是指本来好好的页面因为更改了分辨率而导致内容错位了吗？
第3个回答 2014-02-04
建议宽度用百分比，
相似回答
