2015-02-24 69 views
1

这种情况是,我们使用的CMS第三方产品托管了大约5-6个站点,并且在整个站点中使用了大量共享组件。使用CSS而不是HTML进行的响应式设计

鉴于我们对产品的具体实现和定制,可以为给定网站应用/加载特定的CSS,但更改HTML /组件更加困难,因为它们在许多网站上重复使用。

我们的团队正在寻求在其中一个网站上实施响应式设计,而不是所有的网站,因此,如果不考虑实施细节并且只是一个可行性问题,是否有可能全面实施响应式网页设计仅限CSS,不使用移动优先或响应框架,这需要修改HTML以适应其响应类?

我不是在网站设计方面的专家,但是从我迄今所看到的是,在响应式设计,实施的主体是使用CSS媒体查询,但能不能做到100%,并且不依赖于JS的任何响应式设计功能?

谢谢

回答

0

可能吗?当然。它有多难?如果你已经有了大量的CSS,它可能会很痛苦....你可能只是想考虑从头开始你的CSS。使用像sass这样的东西可能会使它不那么可怕。真的,所有都要归结于要求,你的团队的前端经验和截止日期。

+0

因此,绝对没有响应的设计功能,只能通过HTML/JS来实现?我想我的问题可能会更好地表达:是否有任何响应式设计功能只能通过HTML或JS而不是CSS实现? – GR7 2015-02-24 04:30:24

+0

目前没有我能想到的 – 2015-02-24 04:35:14

+0

仅供参考,实施响应式网页设计的经验有多广泛? – GR7 2015-02-24 05:12:02

1

简单的答案是肯定的,我会说。几年前,没有一种叫做“响应式设计”或“移动优先”的概念,很多公司希望更新他们的站点以实现移动友好,他们也希望降低成本,这基本上是意味着 - 调整当前网站而不是重新设计和重建。所以最简单的方法是保持一切不变,但添加一个移动样式表。我相信这种方法可以工作很长一段时间。

有只用CSS做限制,你必须让客户了解它。基本上说:“移动设备上的网站可能看起来不太完美,但它会更容易访问和使用。”对于开发人员和设计人员,我们必须说服我们自己接受我们拥有的东西,并且在处理代码时我们所做的足够好。当然,花更多的时间来改善它的外观。但是,如果你努力的话,这可能是无止境的。这里

一个技巧 - 作这方面的CSS,不要怕使用!important规则,如一切休息到width: auto !importantfloat: none !important等这将使事情变得更加简单。

0

你有很多工作只使用CSS。

当然,选择和处理要根据具体的设计,基本代码有所不同站点到站点。

您可以顺滑的效果(例如石工),但最敏感的部位无论是手机还是台式第一是基于有针对性的媒体查询你提到你有经验添加JavaScript。

正如前面的评论者指出的那样,你可以,如果你不能够在您的HTML中添加类在必要时为你的风格的自定义需要重写的风格!important声明。

或..使所有的网站响应!它是2015 :)