weixin_45888658
流风漫语
2021-05-28 23:36
采纳率: 66.7%
浏览 16

求问下mui框架自适应问题

  <ul class="mui-table-view mui-grid-view mui-grid-9">
	    <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
	        <a href="#">
	            <img src="img/tmq7trprbpvtpmakm.jpg"  style="width: 40px;"/>
	            <div class="mui-media-body">充值交费</div>
	        </a>
	    </li>
	    <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
	        <a href="#">
	            <img src="img/tmq7tawqae6tpmavd.jpg"  style="width: 40px;"/>
	            <div class="mui-media-body">我的账单</div>
	        </a>
	    </li>
	    <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
	        <a href="#">
	            <img src="img/tmq7tcj439hkh4dn.jpg" style="width: 40px;" />
	            <div class="mui-media-body">套餐余额</div>
	        </a>
	    </li>
	    <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
	        <a href="#">
	            <img src="img/tmq7t4ytuuzsb7ub5h.jpg"  style="width: 40px;"/>
	            <div class="mui-media-body">已订业务</div>
	        </a>
	    </li>
	    <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
	        <a href="#">
	            <img src="img/tmq7fu82x2b7ubys.jpg" style="width: 40px;" />
	            <div class="mui-media-body">充流量</div>
	        </a>
	    </li>
	    <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
	        <a href="#">
	            <img src="img/tmq7ft4ttpa3kh4vf.jpg" style="width: 40px;" />
	            <div class="mui-media-body">办号卡</div>
	        </a>
	    </li>
	    <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
	        <a href="#">
	            <img src="img/tmq7fbbpw97khx8t.jpg" style="width: 40px;"  />
	            <div class="mui-media-body">个人中心</div>
	        </a>
	    </li>
	    <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
	        <a href="#">
	            <img src="img/tm6f53ts3ujb7ubdk.jpg" style="width: 40px;" />
	            <div class="mui-media-body">优惠专区</div>
	        </a>
	    </li>
	    </ul>

为什么没有自适应呢,我要怎么做才可以使mui框架自适应屏幕的大小,我想做成中国移动移动端的静态页面,可以在不同屏幕宽度的情况下页面显示的内容保持不变

 

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

相关推荐