我已经制作了一些代码(工具?框架?不知道该怎么称呼它),这样可以使用Javascript设置CSS样式,但在重新加载或更改页面时不会跳转(因此在传统的多页面中使用)网站...不确定传统的术语)。我不是网络专家,所以我不确定是否值得进一步开发,或者是否有更好的解决方案来解决我想要解决的问题(很可能)。
基本结构是
一个。在某些客户端条件下(例如浏览器分辨率,但可能是任何东西,如使用该站点的某个用户),CSS由客户端JS生成,在相对于场景的适当标题下写入服务器上的文件(例如, ,1024x768.css,102400x76800.css)。
B中。服务器代码检查(通过cookie)是否满足客户端条件,检查是否存在与条件有关的css文件,使用它,否则生成它(A。)
潜在用途
编辑:以上
的示例如下面的评论中所述,我无法想到一个很好的例子,即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以在服务器上写入的系统听起来很合理,或者如果同样的事情可以通过另一种方式完全在客户端实现。
℃。我想这是不是一个特定的技术问题,这是否是提出这个问题的正确位置,如果没有,我应该在哪里。
就像我说的那样,我不是专家,所以非常感谢任何可能有助于我学习的反馈或其他事情。
由于