FineUI 官方论坛

标题: 请教，f:img如何做到自适应屏幕大小 [打印本页]

作者: smallby 时间: 2015-12-19 16:06
标题: 请教，f:img如何做到自适应屏幕大小
               [attach]8355[/attach]
            <f:Region ID="Region1" ShowBorder="false" ShowHeader="false" Position="Top" Layout="Fit" runat="server">
                  <Items>
                     <f:ContentPanel ShowBorder="false" ShowHeader="false" ID="ContentPanel1" CssClass="header"
                        runat="server">
                        <f:Image runat="server" ImageHeight="100%" ImageUrl="~/res/image/top.png">
                        </f:Image>
                     </f:ContentPanel>
                  </Items>
            </f:Region>

如图，采用region布局，顶部图片想实现根据屏幕大小自动缩放，尝试对region,或者contentpanel采用css，back-ground..发现无效，同时，f:img与上下的间距如何消掉，我改用img控件，则无间距，margin改为0仍然有间距。谢谢。

作者: zy32002 时间: 2015-12-19 17:10
图片哪有自适应的，建议你用背景

作者: sanshi 时间: 2015-12-20 21:05

zy32002 发表于 2015-12-19 17:10
图片哪有自适应的，建议你用背景

是的，这里面直接用 html 标签，用背景设置

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)