CSS-Tricks 编年史 IV

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

本周我遇到了一个奇怪的问题,一些移动设备无法获取某些 CSS,而这些 CSS 在绝大多数其他浏览器上都已明确链接并加载。它不是基于用户代理的(我尝试过伪造它)。它也不是基于屏幕尺寸的。而是设备本身存在某种问题。事实证明,我犯了个错误。我正在使用这种方式 @import CSS

@import "css/style.css";

因为,这是在 Sass 或 LESS 中的正确做法。事实证明,这在大多数浏览器中的 CSS 中也能工作,但当然是不正确的。正确的做法是

@import url("css/style.css");

我本可以通过正确的方式解决它,但最终我通过不使用 @import 来解决它,而这几乎总是错误的做法。最好在样式表中直接写好 CSS。

更新:根据规范,不使用 url() 是有效的,但请告诉一些移动浏览器!(感谢 Tab Atkins)


整个星期我一直在对这个新设计进行大量的错误修复,我怀疑未来几周我大部分时间都将用于改进这个设计。


我启用了 Twitter 卡片数据(关于),作为 Joost De Valk 出色的 WordPress SEO 插件 的一部分。让我们看看它们是否开始工作,那将非常棒。我仍然认为 Twitter 很棒,即使 对我来说很遗憾。


我最近几个晚上都在为 BD Conf 准备我全新的演讲和工作坊。两者都将围绕“网页设计师的工作流程”展开,并大量借鉴了我最近重新设计本网站的经验。


我将 The Lodge 视频的视频托管切换到 Vimeo Pro。我希望它能够更快,提供更好的播放器,支持更多设备,同时保持非常高的质量。到目前为止,唯一的问题是 Vimeo 播放器在 Kindle Fire 和一些其他 Android 平板电脑上出现问题。我希望这个问题能够得到解决。


感谢我们的服务器管理员 Tim Sabat,CodePen 现在运行在一些新的高端服务器上。理论上,这些服务器将永远能够满足我们的扩展需求。