我希望做一个反应灵敏的设计。我很想知道人们在加载响应式设计时的感受,我应该加载一个新的css文件并使用JS来定义屏幕大小。或者我应该在当前的css文件中创建媒体查询,然后从那里开始。寻找关于速度的观点和人们的感受是更优化的方法。
答案 0 :(得分:1)
将关于样式的所有内容放在CSS文件中是最佳做法。
您关注的问题越多,您的代码就越容易保留。
答案 1 :(得分:0)
由于javascript可能被禁用,因此您应该仅将CSS用于响应目的。
如果你真的离不开javascript(例如在dom中移动元素),请确保你为非js用户提供了一些后备css。
答案 2 :(得分:0)
事实上,很少有用户会禁用javascript,除非他们处于紧急状态(例如,如果他们只有过时的手机,因为他们的新手机电池耗尽)。如果您的网站不是针对这些情况,请使用javascript而不关心用户是否会禁用。
通常,如果文件大小合理,将媒体查询放在一个css文件中将是一个不错的选择,因为一个文件的请求少于分离文件。
另一方面,Javascript是非常后备的,因为旧的IE不支持媒体查询。您可以参考一些框架,例如bootstrap。实施优于所有答案。