jQuery MiniUI

标题: 浏览器兼容问题 [打印本页]

作者: marshal112 时间: 2016-12-21 11:08:29 标题: 浏览器兼容问题

请教高手，同样的代码我在IE-11浏览器上和在360浏览器、谷歌浏览器上显示的不一样？为什么？是哪里的问题？1.导航栏右侧显示的导航字体大小
2.frame容器的边框和大小

IE11：
[attach]8592[/attach]
[attach]8594[/attach]
360：
[attach]8591[/attach]
[attach]8593[/attach]

作者: dforce 时间: 2016-12-21 13:55:23

页面doctype必须使用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

作者: marshal112 时间: 2016-12-21 14:03:24

用了我参照示例写的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

作者: marshal112 时间: 2016-12-21 14:08:47

dforce 发表于 2016-12-21 13:55
页面doctype必须使用

[attach]8595[/attach]原先都写的宽度30% 360下正常 IE11下只有一半

结果我把他改成85% 现在360下还是正常 IE11下也正常了！！
难道不同的浏览器设置的宽度不一样？还有 360下为什么设置不同的宽度显示都一样？？？

作者: dforce 时间: 2016-12-21 14:30:13

marshal112 发表于 2016-12-21 14:08
原先都写的宽度30% 360下正常 IE11下只有一半

结果我把他改成85% 现在360下还是正常 IE11下 ...

请提供重现页面，我看看你的布局

作者: marshal112 时间: 2016-12-21 14:42:54

dforce 发表于 2016-12-21 14:30
请提供重现页面，我看看你的布局

源码我发不了！！内容太多能不能通过好友直接文件发给你？

作者: dforce 时间: 2016-12-21 15:06:42

marshal112 发表于 2016-12-21 14:42
源码我发不了！！内容太多能不能通过好友直接文件发给你？

就这个页面，不需要你的数据，你可以打包上传上来

作者: marshal112 时间: 2016-12-21 15:17:05

本帖最后由 dforce 于 2016-12-21 15:59 编辑

dforce 发表于 2016-12-21 15:06
就这个页面，不需要你的数据，你可以打包上传上

作者: dforce 时间: 2016-12-21 16:01:06

marshal112 发表于 2016-12-21 15:17

看了你这页面了，和MiniUI已经没什么关系了，是fieldset在各种浏览器表现不一致了。这是个html元素，你可以网上查一下调整

作者: marshal112 时间: 2016-12-21 16:34:14

dforce 发表于 2016-12-21 16:01
看了你这页面了，和MiniUI已经没什么关系了，是fieldset在各种浏览器表现不一致了。这是个html元素，你可 ...

哦好的那请问第一个问题呢？就是导航栏上右侧的导航快捷键，图标下面的文字 360上和IE11上表现的不一致
其中menu1-8是导航的数据源

[attach]8602[/attach]

作者: dforce 时间: 2016-12-21 16:57:00

marshal112 发表于 2016-12-21 16:34
哦好的那请问第一个问题呢？就是导航栏上右侧的导航快捷键，图标下面的文字 360上和IE11上表现的 ...

你设置了字体大小11px，有些浏览器，比如chrome里面最小就是12px
基于美观，建议字体稍微用大点

作者: marshal112 时间: 2016-12-22 08:38:39

dforce 发表于 2016-12-21 16:57
你设置了字体大小11px，有些浏览器，比如chrome里面最小就是12px
基于美观，建议字体稍微用大点 ...

谢谢确实是字体大小的问题 360和谷歌都只认最小为12px，IE11是设置多少px就是多少px

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)