使用CSS而不是HTML中的更改进行响应式设计
场景是，我们使用的是CMS第三方产品，托管了大约5-6个站点，并且在整个站点中使用了许多共享组件。
考虑到我们对产品的特定实现和定制，为给定站点应用/加载特定的CSS是可行的，但更改HTML/组件就更难了，因为它们在许多站点上被重用。
我们的团队希望只在一个网站上实现响应式设计，而不是所有网站，所以，在不考虑实现细节的情况下，作为一个可行性问题，是否有可能只使用CSS来完全实现响应式web设计，而不使用移动优先或响应框架，这将需要修改HTML来适应他们的响应类？
我不是网页设计方面的专家，但从我目前所看到的情况来看，在响应式设计中，大部分实现都是通过CSS Media查询实现的，但它能100%完成，而不依赖于JS来实现任何响应式设计功能吗？
谢谢
回答 3
Stack Overflow用户
发布于 2015-02-24 12:45:16
简短的回答是肯定的，我会说。几年前，没有所谓的“响应式设计”或“移动优先”的概念，许多公司希望更新他们的网站，使其移动友好，他们也想要降低成本，这基本上意味着-调整当前的网站，而不是重新设计和重建。因此，最简单的方法是保持所有内容不变，但添加一个移动样式表。我相信这种方法在相当长的一段时间内都是有效的。
只使用CSS是有局限性的，你必须让客户理解它。简而言之，“这个网站在移动设备上可能看起来不完美，但它将变得更容易访问和使用。”对于开发人员和设计人员，我们必须说服自己接受我们所拥有的和我们在代码上所做的足够好的东西。当然，花的时间越多，看起来就越好。但是，如果你要推动更多，它可能是无尽的。
这里有一个提示--在这种CSS上工作，不要害怕使用!important规则，比如把所有东西都放在width: auto !important，float: none !important等等上，这会让事情变得容易得多。
Stack Overflow用户
发布于 2015-02-24 12:21:54
有可能吗？当然了。这有多难？如果你已经有了一大堆css，这可能会很痛苦……您可能只需要考虑从头开始您的css。使用像sass这样的东西可能会让它不那么可怕。实际上，一切都归结于需求、团队的前端经验和截止日期。
Stack Overflow用户
发布于 2015-02-24 13:59:11
如果只使用CSS，您将有很多工作要做。
当然，根据设计和基本代码的不同，不同的站点会有不同的选项和方法。
你可以添加JavaScript以获得平滑的效果(例如砖石)，但大多数响应性网站，无论是移动的还是桌面的，都是基于你提到的有针对性的媒体查询，正如你所说的，你有经验。
正如前面的评论者所指出的，如果您不能在HTML中为您的样式定制添加必要的类，则可能需要使用!important声明来覆盖样式。
或者..。让所有的网站都能响应！现在是2015年:)
https://stackoverflow.com/questions/28688036
复制相似问题
腾讯云开发者
