为不同的浏览器加载不同的CSS是一种很好的技术吗？（不同浏览器打开html不一样）

25-04-07 3

在这篇文章中，我们将带领您了解为不同的浏览器加载不同的CSS是一种很好的技术吗？的全貌，包括不同浏览器打开html不一样的相关情况。同时，我们还将为您介绍有关android–为不同的活动启动不同的键盘

在这篇文章中，我们将带领您了解为不同的浏览器加载不同的CSS是一种很好的技术吗？的全貌，包括不同浏览器打开html不一样的相关情况。同时，我们还将为您介绍有关android – 为不同的活动启动不同的键盘、c# – 根据浏览器加载不同的css文件、clientHeight / clientWidth在不同的浏览器上返回不同的值、css – HTML页面加载不同的第一次和第二次(谷歌浏览器)的知识，以帮助您更好地理解这个主题。

本文目录一览：

为不同的浏览器加载不同的CSS是一种很好的技术吗？（不同浏览器打开html不一样）
android – 为不同的活动启动不同的键盘
c# – 根据浏览器加载不同的css文件
clientHeight / clientWidth在不同的浏览器上返回不同的值
css – HTML页面加载不同的第一次和第二次(谷歌浏览器)

为不同的浏览器加载不同的CSS是一种很好的技术吗？（不同浏览器打开html不一样）

我设计了很多网页模板.但是(除了我的第一个)我从未使用过浏览器检测脚本来加载相应的CSS.

我不确定它是一种好技术,还是只是一种替代方式(努力使用单一的CSS来满足所有浏览器)？

最佳答案

这取决于您的布局有多复杂.

总的来说,某些浏览器存在一组“问题特征”,例如浏览器不遵循边框模型并且错误地分配边距,边框和填充值.

许多设计不会受到问题的影响,并且在所有浏览器中看起来都非常相似,但如果您的设计中有一部分在其中一个问题上有触点,那么最好将“修复”提取到单独的样式表,而不是用黑客污染你的标准CSS.

你会发现你有

1符合标准的浏览器的样式表

和

1样式表,以满足与他人的任何问题

如果你有更多,那你就会给自己制造麻烦,并且会增加页面的http请求数量.

android – 为不同的活动启动不同的键盘

我的应用程序有两个要求,其中一个屏幕是数字条目,另一个屏幕是搜索选项.由于用户必须在大多数时间使用数字键盘,因此必须更改编辑文本的输入类型并选择键盘.有什么办法可以在其他活动开始时为一个活动和charater键盘启动数字键盘

SEBS

解决方法:

hiii举报,,,

用于应打开具有以下属性的数字小键盘的编辑文本：

android:inputType="phone"

和android：imeOptions =“actionSearch”用于其他活动编辑文本xml布局

希望你能够得到我的意思

带着敬意,

Arpit Garg

c# – 根据浏览器加载不同的css文件

如何根据浏览器类型加载不同的CSS.
我想在asp.net中为IE和Firefox加载不同的CSS
我用IE8及以上版本和forefox 3及以上版本.
请帮我.

解决方法

Request.Browser将为您提供完整的浏览器信息,您可以在其中查看版本,浏览器名称,浏览器类型等.

if(Request.browser.browser == "IE")
    {
        HtmlLink css = new HtmlLink();
        css.Href = ResolveClientUrl("~/style/StyleSheet.css");
        css.Attributes["rel"] = "stylesheet";
        css.Attributes["type"] = "text/css";
        css.Attributes["media"] = "all";
        Page.Header.Controls.Add(css);
    }

clientHeight / clientWidth在不同的浏览器上返回不同的值

在IE7，IE8和Firefox上设置属性document.body.clientHeight并document.body.clientWidth返回不同的值：

IE 8：

document.body.clientHeight : 704 document.body.clientWidth  : 1148

IE 7：

document.body.clientHeight : 704 document.body.clientWidth  : 1132

火狐：

document.body.clientHeight : 620 document.body.clientWidth  : 1152

为什么存在这种差异？在不使用jQuery的情况下，是否存在跨不同浏览器（IE8，IE7，Firefox）一致的等效属性？

答案1

小编典典

这与浏览器的盒子模型有关。使用jQuery或其他JavaScript抽象库之类的东西来规范DOM模型。

css – HTML页面加载不同的第一次和第二次(谷歌浏览器)

我有一个 HTML页面,第一次加载时会加载一种方式,第二次加载另一种方式.这可以使用Chrome在私有模式下重现(因为它每次都清除缓存).

第一次：

第二(及更晚)时间：

我之前没有看到过这样的问题,而且在搜索其他投诉方面遇到了麻烦.关于从哪里开始调查的任何建议？

EDITS

感谢所有的反馈.只是为了澄清一些事情. CSS只是标准的Bootstrap 3.0,没有其他样式或CSS.该网址为https://www.acls.net/index-exp120.php,这是Chrome私密模式,其中所有扩展程序都已停用.我只在Chrome中看到此问题,已更新标题以反映这一点.

解决方法

好的 – 问题取决于多种方面

>只有空缓存才会发生
>取决于font-awesome&的加载速度.靴子 – 如果他们加载比你的徽标快或不…

因此,在隐身模式下运行Chrome并一次又一次地重新加载最终我可以重现该问题.

你不能轻易修复加载竞争条件,但修复你的CSS应该工作：

>在您的徽标中添加类左拉
>通过将class clearfix应用于页眉来清除浮动区域
>它没有必要但是很好的选择,增加宽度和标志图像的高度,因此一旦加载就不会弹出

所以这里是：

<div>
    <a href="/"https://www.jb51.cc/tag/logo/" target="_blank">logo pull-left"">
        <img src="images/logo.png" height="62" width="232" alt="">
    </a>

希望有所帮助.

今天关于为不同的浏览器加载不同的CSS是一种很好的技术吗？和不同浏览器打开html不一样的分享就到这里，希望大家有所收获，若想了解更多关于android – 为不同的活动启动不同的键盘、c# – 根据浏览器加载不同的css文件、clientHeight / clientWidth在不同的浏览器上返回不同的值、css – HTML页面加载不同的第一次和第二次(谷歌浏览器)等相关知识，可以在本站进行查询。

本文标签：