javascript - 手机端 如何整屏显示 不要滚动条

Question

针对不同的手机 例如手机界面一个小导航 下边一个banner 等下三个模块平均分布 如何 占满整个屏幕 不存在滚动条

就比如这样的界面 为何3个aside显示不出来呢

Answer 1

说的啥啊

Answer 2

每个模块的width设为33.33%，并且设置为左浮动就行了。其它的，比如字体大小的变化可以使用媒体查询（@meida）来设置。

Answer 3

可以参考一些如bootstrap里面的布局，利用栅格系统来完成你说的banner导航。也可以参考诸如http://t.amazeui.org/这个框架里面的一些实现方式，如果没有具体的要求可以使用第三方的移动框架来开发的，能节约不少时间成本。

Answer 4

可以用css flex 布局试试，再配合flex-grow属性实现3列等宽占满屏幕

Answer 5

这里只是改变了ah的值，并没有给aside设置高度；aside没有高度，所以没有显示。