javascript - 使用Javascript设置CSS样式，以便它不会与多页网站“跳转”

我已经制作了一些代码（工具？框架？不知道该怎么称呼它），这样可以使用Javascript设置CSS样式，但在重新加载或更改页面时不会跳转（因此在传统的多页面中使用）网站...不确定传统的术语）。我不是网络专家，所以我不确定是否值得进一步开发，或者是否有更好的解决方案来解决我想要解决的问题（很可能）。

基本结构是

一个。在某些客户端条件下（例如浏览器分辨率，但可能是任何东西，如使用该站点的某个用户），CSS由客户端JS生成，在相对于场景的适当标题下写入服务器上的文件（例如，，1024x768.css，102400x76800.css）。

B中。服务器代码检查（通过cookie）是否满足客户端条件，检查是否存在与条件有关的css文件，使用它，否则生成它（A。）

潜在用途

您继承了旧网站或客户端坚持某个模板（Wordpress主题），具有预定的HTML结构，因此很难实现仅修改CSS的自定义外观。使用Javascript进行计算和调整可能要快得多，而不是重构HTML或在CSS中找出解决方案（可以说，时间允许理想的解决方案）。另一方面，每次加载页面时都不希望样式跳转，因为它看起来很俗气。

编辑：以上

如下面的评论中所述，我无法想到一个很好的例子，即ol'noggin的顶部。现在我的测试是修改<div class="menu"><ul><li><a>Section 1</a></li><li><a>Section n</a></li></ul></div>类型的导航菜单，这样<a>的两边都有足够的填充，菜单<div>完全填满了浏览器的宽度。

我想有一个传统的解决方案，所以如果你有这种情绪，请告诉我。

你想要特别复杂的尺寸，基于复杂计算的定位（取决于屏幕大小，或不是），但是，再次不要让事情四处跳跃。

编辑：以上

以螺旋形图案定位元素（比如this kind），尺寸减小。这似乎在CSS中是不平凡的，可能是通过预先计算位置并使用绝对定位放置来完成的。但是接下来的问题就是根据屏幕分辨率对所有内容进行缩放。

或者，Javascript可以动态计算位置和大小。当然，编写与数学螺旋函数相对应的方法将是一个挑战（虽然是一个有趣的问题）。

可能还有其他解决方案，例如使用.svg，但如果一般编写，则可以相当容易地根据其他数学函数（例如，正弦波）或复杂比率（黄金均值）进行定位。

您需要一个用户可以自定义外观的网站（重新定位或甚至调整元素大小），并且您希望自定义在服务器端代码中自动记住和生成（甚至可能没有登录）。我确信这可以通过许多框架来促进，但这种方式可以将流程从特定的框架中剥离出来。

我想知道其他人是否有关于是否：

一个。对于我错过的所有这些，有一个更好的解决方案。

B中。我描述的从JS推送CSS以在服务器上写入的系统听起来很合理，或者如果同样的事情可以通过另一种方式完全在客户端实现。

℃。我想这是不是一个特定的技术问题，这是否是提出这个问题的正确位置，如果没有，我应该在哪里。

就像我说的那样，我不是专家，所以非常感谢任何可能有助于我学习的反馈或其他事情。

由于

使用Javascript设置CSS样式，以便它不会与多页网站“跳转”

0 个答案: