问题标签 [dynamic-css]

我一直不明白为什么有人说为每个浏览器制作自定义 CSS 是一件坏事。为了减小我的页面大小并加快下载速度，对我来说，为主要浏览器（尤其是 IE 的许多不同形式）制作自定义 css 是非常有意义的，并为其他所有内容制作一个通用 css。

如果你想在 css 世界中派出一把臃肿、巨大的瑞士军刀，那么在所有情况下都继续前进，我不会阻止你。

执行此操作时，快速检测浏览器很重要。加载 JavaScript 文件以检测浏览器似乎很慢。所以我更喜欢用php来检测浏览器，并发出指定的css。或者至少是通用浏览器特定的 css，然后使用 JavaScript 加载更详细的 css 版本。

但是我已经阅读了一篇又一篇文章，说明为什么这是一件坏事。这些文章背后的主要原因是用户代理可以被伪造。或者在那里使用 Firefox，但服务器认为他们使用的是 IE7，因此它发送了错误的 css 文件。

作为网络应用程序的开发人员/设计师，为什么这是我的问题？如果您想使用 Firefox，但告诉我的服务器您使用的是 safari 或 IE*，并得到一个看起来很糟糕的页面，为什么这是我的问题？

如果用户不能正确地看到您的网站，他们将永远不会回来，或者对我提出某种类似的论点，请不要全部扔掉。普通用户不会这样做。只有知道如何做到这一点的人才能知道我的网站看起来很糟糕时出了什么问题。

这类似于在旧的 Apple II 上查看我的网站（我不知道如何），然后因为一切看起来都是绿色的而对我大喊大叫。

那么，为什么我不应该使用 php 来检测浏览器并发送自定义的 css 文件，是否有充分的理由，而不是个人喜好？

我这样做主要是针对不同版本的 IE。似乎对于某些站点来说，添加 if IE6 和 if IE7 部分只是 css 文件大小的两倍或三倍。

我想在视图中创建一个动态 CSS 文件，然后渲染一个加载该 CSS 文件的模板。根据赋予视图的参数，每次调用视图时，CSS 可能在某些位置具有不同的值。我该怎么做呢？（我应该补充一点，我没有用 Python/Django 编写文件的经验。）

这是我认为它应该如何工作的简化示例：

出于某种原因，这不起作用，尽管在生成的 HTML 页面的源代码中，看起来 CSS 文件已正确加载。f偶数正确到达模板，因为当我将行更改为时我可以看到它的<link>...内容

（f而不是f.name）。但是 HTML 是在没有所需颜色设置的情况下呈现的。谁能告诉我这是为什么？

我怀疑一些路径问题，我玩弄了很多不同的路径，但无济于事。

请不要建议我准备几个硬编码的 CSS 文件（正如我在类似问题的答案中发现的那样），因为会有数百种可能性。

我想仅使用 javascript动态更改使用的CSS 文件( )并保存 cookie 中的更改。<link href="..." />

这是一个 jQuery 版本，可以满足我的要求（ref），但我如何在 javascript 中做到这一点？

先感谢您。

通过 php 提供 css 文件是个好主意吗？

实际上我有一个包含所有媒体查询的大型 CSS 文件，所以我想根据传递给 php 页面的参数只提供选定的部分例如在我原来的 php 页面中，我会这样做

在 css.php 文件中，我将检查条件以仅使用所需的 css 给出响应，这是正确的方式吗？

我需要一些用于 WordPress 插件的 CSS 是动态的，并且想知道什么是最好的或最常用的方法。我目前正在使用方法二，但 IE9 有问题。所以我认为动态 CSS 可能有更好的解决方案，并提出了这些：

1.) 包含一个带有wp_head钩子的样式块

临：

• 没有额外的服务器请求

反对：

• 根据每页上的大量数据的大小
• 不那么漂亮
• 不可缓存

2.)admin_url('admin-ajax.php?action=my_css')在链接标签中使用

临：

• 即时创建 CSS（并使用 Transient API 缓存它）
• 用途wp_enqueue_style
• 可缓存的过期标头

魂斗罗

• 需要加载wp-load.php
• 在 IE9 上不起作用（为什么？）

3.) 创建一个关于更改的 CSS 文件

临

• 快速地
• 无需加载整个 WordPress ( wp-load.php)

魂斗罗

• 不是很动态
• 需要某些文件夹的写入规则
• 可能已过期或缺少脚本问题或缺少权限的原因

我不喜欢方法一，因为不是每个页面都需要样式，方法二在 IE9 上不起作用。

我应该选择第三个还是有什么缺点？

提前致谢！

有没有办法在页面加载时使用这样的 css 属性格式化页面中的所有标签？

此外，在任何 DIV 悬停时，边框应更改为：

我希望这两个属性，常规 CSS 和悬停 CSS 都动态应用于页面加载。

我正在尝试根据另一个（源）的 clientWidth 动态调整一个 DIV（目标）的宽度。

注意：源DIV的CSS Style是width:auto；

第一个问题：它不起作用......它一定是我的语法或什么......？

第二个问题：它需要随着用户更改浏览器窗口而动态调整大小（在窗口调整大小时调用脚本）。如何 ？？？

Javascript：

CSS：

HTML：

我正在使用 Spring 3.0 + 瓷砖。我已经为所有页面创建了带有锚标记的通用菜单，并应用了相同的 css。我正在使用 Jquery 在单击菜单时动态更改菜单的 css 类。

选择菜单/链接时，将应用“selectedTab”css 类，并且对于所有普通链接，将应用“tab”css 类。我面临的问题是，每次请求/单击菜单时都会应用样式类，然后在响应之后再次取消应用。也就是说，样式在请求和响应之间保持应用。但不是在回应之后。菜单链接的代码如下：

相同的Jquery是：

function changeCss(aid) { //alert(aid);

}

菜单的 Css 类是：

a.selectedTab:hover, .studioTopNavigationPanel .contentSection .navigationBox a.selectedTab:active { background-color: #B8D9ED; 背景图像：url（“../images/tab_selected_bg.png”）；背景位置：中心顶部；背景重复：重复-x；颜色：#333333；光标：指针；显示：块；向左飘浮; 字体大小：14px；右边距：3px；填充：5px 12px；文字装饰：无；}

请告诉我哪里错了，并尽快提供适当的解决方案。

我在相关 html 区域下方有以下 javascript，但它似乎无法正常工作。我很确定我有正确的方法来获取相关 div 标签的宽度，但不知道为什么

我将我的样式表重命名为full.css.php和在文件的开头我写了这段代码：

浏览器给了我这个：Resource interpreted as Script but transferred with MIME type text/css: "http://localhost/root/_Viewer/css/full.css.php"..

然后是错误：“Uncaught SyntaxError: Unexpected token {”（这是 body css 声明中的第一个大括号）。
如果我查看源代码，我发现我的文件是作为application/javascript文件发送的，而不是作为text/css：

我知道动态 CSS 不会被缓存，但对我来说没问题。现在更重要的是让一些设置易于访问。需要帮助来解决这个问题。

顺便说一句：我在XAMPP下运行它！

-我忘了提：我正在对我的一个 js 文件做类似的事情，它工作得很好（header("Content-type: application/javascript");）