div+css 如何实现页面随浏览器窗口伸缩而变化

div+css 如何实现页面随浏览器窗口伸缩而变化

问题描述:

浏览器的页面缩小,页面的内容也接着缩小。
使得用户在不放大窗口的情况下浏览全局。
具体的能说下关键代码或思路吗

楼主说的应该是响应式吧。
做响应式站点,建议用bootstrap框架,用 .col-md-num 属性 很轻易就可以实现响应式的了

如果说硬是要自己原生开发的话,那么得把全局元素设置为居中对齐(不包括盒子里具体的图片文案)然后用百分比来实现缩放,还有一个需要注意的是响应式的盒子应该都会给他们加浮动的,要特别注意盒模型间浮动的影响

使用响应式布局,具体如何可以直接百度

原生开发响应式的工程量有点大,而且bug可能会有点多,时不时就踩个坑 拿来练练手还可以 不建议实际项目中原生开发

额。。。这个用弹性盒子自不行吗?

建议使用bootstrap + angulajs 实现