Question

用html写了个简单的页面，浏览器打开是图片1 很正常 ，但是缩小浏览器后 ，变成了图片2

左边的图片 和右边的文字 我都各自放在了一个div里面 ，用了左浮动和右浮动，然后调整外边距





Answer 1

这是网页没有自适应，可以通过更换css或者设置不同屏幕宽度下的样式进行修改.

/*默认样式*/
@media screen and (max-width: 600px) {
    /*最大屏幕宽度为600的样式*/
}
@media screen and (max-width: 450px) {
    /*最大屏幕宽度为450的样式*/
}

追问

这个涉及到响应式布局了吧，请问有没有简单点的方法呢

追答

在设计的时候，就使用100%这些可以自动适配的标记，还有注意pading margin这些东西可能会占位