如何使页面在拉伸时布局不变

在页面缩小的时候,整个布局变的混乱,效果如下:

clipboard.png

有什么好的方法可以让它们之间的相对位置保持不变那?

阅读 6.6k
2 个回答

你要的是响应式布局吧?要么框架(bootstrap等),要么媒体查询(@media screen),也可以用设置百分比的方式(不固定宽度),甚至可以js+css来实现。个人觉得,如果题主的项目运行环境不存在跨平台(只是宽屏和普通频幕的区别),就百分比,或者媒体查询就可以了,js+css也不错,如果跨平台,要不就两套(我们公司的项目就是的)代码,要不就框架吧

你这种 外侧的固定宽度就行了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题