henry_hoo
henry_hoo
  • 发布:2018-01-31 19:20
  • 更新:2018-01-31 19:20
  • 阅读:2201

media list(图文列表)中怎么调整图片的大小??

分类:MUI

media list(图文列表)中怎么调整图片的大小??比如说右边的文字有5行,图片如何能够根据右边文字的内容自动缩放大小?我这设置了半天,图片都是一个小方框。
代码如下:

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="utf-8">  
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
        <title></title>  
        <script src="js/mui.min.js"></script>  
        <link href="css/mui.min.css" rel="stylesheet" />  
        <script type="text/javascript" charset="utf-8">  
            mui.init();  
        </script>  
    </head>  
    <body>  
        <header class="mui-bar mui-bar-nav">  
            <h1 class="mui-title">首页</h1>  
        </header>  
        <div class="mui-content">  
            <div class="mui-title"></div>  
            <ul class="mui-table-view">  
                <li class="mui-table-view-cell mui-media">  
                    <a href="javascrip:;">  
                        <img class="mui-pull-left mui-media-object" style="-webkit-align-content: center;" src="images/qq.png" />  
                        <div class="mui-media-body">  
                            标题  
                            <p class="mui-ellipsis-2" style="-webkit-line-clamp: 3;">无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽无尽</p>  
                        </div>  
                    </a>  
                </li>  
            </ul>  
        </div>  
    </body>  
</html>
2018-01-31 19:20 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复