jQuery MiniUI

 找回密码
 立即注册
查看: 5382|回复: 12
打印 上一主题 下一主题

IE11 分页栏显示信息,文字显示不全。 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2016-1-12 10:44:54 |只看该作者 |倒序浏览
本帖最后由 jimkukuklo0315 于 2016-1-13 09:36 编辑

文字显示不全,ie11以下都没问题。这个为IE11浏览器下1366x768
这个为ie9浏览器下1366x768,其中有些图标都显示不出来了。而且显示出现很大的误差,这是怎么回事呢!有点不明白!
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2016-1-12 11:01:11 |只看该作者
用你的ie11看我们在线示例有没有这问题

Rank: 2

板凳
发表于 2016-1-12 14:19:38 |只看该作者
dforce 发表于 2016-1-12 11:01
用你的ie11看我们在线示例有没有这问题

文字显示应可以了。但是也发现好多能在ie11以下的显示完整,ie11显示就会有好多误差,这应该跟屏幕的分辨率也有关系。

Rank: 2

地板
发表于 2016-1-12 14:25:53 |只看该作者
jimkukuklo0315 发表于 2016-1-12 14:19
文字显示应可以了。但是也发现好多能在ie11以下的显示完整,ie11显示就会有好多误差,这应该跟屏幕的分辨 ...

请看我在原帖上的编辑!

Rank: 8Rank: 8

5#
发表于 2016-1-12 14:42:15 |只看该作者
jimkukuklo0315 发表于 2016-1-12 14:19
文字显示应可以了。但是也发现好多能在ie11以下的显示完整,ie11显示就会有好多误差,这应该跟屏幕的分辨 ...

MiniUI支持ie11
1 请使用标准doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 只支持标准模式, 请不要使用兼容模式

Rank: 2

6#
发表于 2016-1-13 09:26:52 |只看该作者
dforce 发表于 2016-1-12 14:42
MiniUI支持ie11
1 请使用标准doctype

我用的就是标准的doctype

Rank: 2

7#
发表于 2016-1-13 09:29:08 |只看该作者
dforce 发表于 2016-1-12 14:42
MiniUI支持ie11
1 请使用标准doctype

布局代码如下:
<div showCollapseButton="true" style="width: 100%;height: 100%;">
            <!--撑满页面-->
            <div class="mini-toolbar"  id="button_toolbar" style="padding:2px;border-top:0;border-left:0;border-right:0;">               
                <a class="mini-button" iconCls="icon-add" plain="true"><font style="background-color: #B0C4DE;color: red;"></font>新增</a>
                <a class="mini-button" iconCls="icon-remove" plain="true">删除</a>   
                <span class="separator"></span>            
                <a class="mini-button" iconCls="icon-save" plain="true">保存</a>               
                <a class="mini-button" iconCls="icon-ok" plain="true">确认</a>   
                <span class="separator"></span>
                <a class="mini-button" iconCls="icon-arrowup" plain="true">上移</a>
                <a class="mini-button" iconCls="icon-arrowdown" plain="true">下移</a>               
            </div>
            <div class="mini-fit" style="width: 100%;height: 50%;">
                <div id="grid1" class="mini-datagrid" style="width:100%;height:100%;" borderStyle="border:0;"
                url="<%=request.getContextPath()%>/InformationRulesl/InformationRuleslAction.do?method=queryInformationRuleslOfYKXHRuleList"  idField="id"
                sizeList="[5,10,20,50]" pageSize="20"  allowCellEdit="true" allowCellSelect="true" multiSelect="true" virtualScroll="true"
                editNextOnEnterKey="true"  editNextRowCell="true" showModified="true" allowSortColumn="false" showLoading="false"
                >
                  <div property="columns">
                  <div type="checkcolumn"></div>
                  <div type="indexcolumn" headerAlign="center">
                          <label style='text-align:center; font-weight:bold; height:40px;'>序号</label>
                  </div>        
                      <div field="stationterminalname" width="200" headerAlign="center" allowSort="true" align="center" vtype="required;rangeChar:0,50">
                              <label style='text-align:center; font-weight:bold; height:40px;'>遥控信号描述</label>
                          <input property="editor" class="mini-textbox" style="width:100%;"/>
                      </div>
                  </div>
                </div>  
            </div>
            <div style="height: 50%;width: 100%" >
            <table style="width:100%;height:100%;" >
                    <tr style="width:100%;height:100%;" >
                            <td style="height:94%;width:48%;">
                <div id="listbox1" class="mini-datagrid" style="width:100%;height:100%;"  
             idField="id" url="<%=request.getContextPath()%>/InformationRulesl/InformationRuleslAction.do?method=queryInformationRuleslOfYKXHRuleList"
             showPager="true"  multiSelect="true" pageSize="10"  allowCellEdit="true" allowCellSelect="true" multiSelect="true" virtualScroll="true"
                editNextOnEnterKey="true"  editNextRowCell="true" showModified="true" allowSortColumn="false" showLoading="false">
                  <div property="columns">
                  <div type="checkcolumn"></div>
                  <div type="indexcolumn" headerAlign="center">
                          <label style='text-align:center; font-weight:bold; height:40px;'>序号</label>
                  </div>        
                      <div field="stationterminalname" width="200" headerAlign="center" allowSort="true" align="center" vtype="rangeChar:0,50">
                                <label style='text-align:center; font-weight:bold; height:40px;'>遥控信号描述</label>
                          <input property="editor" class="mini-textbox" style="width:100%;"/>
                      </div>
                  </div>
                </div>
               
                            </td>
                            <td style="width:20px;text-align:center;vertical-align: top">
                <input type="button" value=">>" style="width:40px;"/><br />
                    </td>
                            <td style="height: 90%;width: 48%;">
                    <div class="mini-toolbar" style="padding:2px;border-top:0;border-left:0;border-right:0;">               
                                <a class="mini-button" iconCls="icon-remove" plain="true">删除</a>     
                                <span class="separator"></span>            
                                <a class="mini-button" iconCls="icon-save" plain="true">保存</a>   
                            </div>
                <div id="listbox2" class="mini-datagrid" style="width:100%;height:94%;"  
                             idField="id" url="<%=request.getContextPath()%>/InformationRulesl/InformationRuleslAction.do?method=queryInformationRuleslOfYKDispatchXHRuleList"
                              showPager="false"  multiSelect="true" pageSize="1000"  allowCellEdit="true" allowCellSelect="true" multiSelect="true" virtualScroll="true"
                editNextOnEnterKey="true"  editNextRowCell="true" showModified="true" allowSortColumn="false" showLoading="false">
                                
                                  <div property="columns">
                                  <div type="checkcolumn"></div>
                                  <div type="indexcolumn" headerAlign="center">
                                          <label style='text-align:center; font-weight:bold; height:40px;'>序号</label>
                                  </div>        
                                      <div field="regulationsignalname" width="100" headerAlign="center" allowSort="true" align="center" vtype="rangeChar:0,50">
                                                <label style='text-align:center; font-weight:bold; height:40px;'>调控端信号</label>
                                          <input property="editor" class="mini-textarea" style="width:100%;"/>
                                      </div>      
                                  </div>
                                </div>
                     </td>
                    </tr>
            </table>
    </div>      
    </div>

Rank: 2

8#
发表于 2016-1-13 09:37:42 |只看该作者
jimkukuklo0315 发表于 2016-1-13 09:26
我用的就是标准的doctype

图已更新

Rank: 8Rank: 8

9#
发表于 2016-1-13 09:47:29 |只看该作者
jimkukuklo0315 发表于 2016-1-13 09:37
图已更新

请提供完整页面,打开就能重现问题
高级模式可以上传文件

Rank: 2

10#
发表于 2016-1-13 09:57:42 |只看该作者
felt 发表于 2016-1-13 09:47
请提供完整页面,打开就能重现问题
高级模式可以上传文件

jsp页面附件已上传
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Archiver|普加软件

GMT+8, 2024-7-5 03:01 , Processed in 1.026406 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部