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

时间:2017-02-03 00:48:08

标签: javascript jquery html css

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

基本结构是

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

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

潜在用途

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

    的示例
      

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

         

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

    1. 你想要特别复杂的尺寸,基于复杂计算的定位(取决于屏幕大小,或不是),但是,再次不要让事情四处跳跃。
    2. 编辑:以上

      的示例
        

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

           

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

           

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

      1. 您需要一个用户可以自定义外观的网站(重新定位或甚至调整元素大小),并且您希望自定义在服务器端代码中自动记住和生成(甚至可能没有登录)。我确信这可以通过许多框架来促进,但这种方式可以将流程从特定的框架中剥离出来。
      2. 我想知道其他人是否有关于是否:

        的想法

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

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

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

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

        由于

0 个答案:

没有答案