qq_38814694
2017-06-11 09:29
采纳率: 100%
浏览 6.2k

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

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

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • 2b0x 2017-06-11 09:45
    已采纳

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

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

    打赏 评论
  • 小鑫先生 2017-06-11 09:45

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

    打赏 评论
  • 2b0x 2017-06-11 09:52

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

    打赏 评论
  • MathRandom 2017-06-11 10:00

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

    打赏 评论
  • 猿小牛 2017-06-12 09:39

    建议使用bootstrap + angulajs 实现

    打赏 评论

相关推荐 更多相似问题