我们现有的广告在大型/桌面尺寸屏幕上表现很好,但在较小的屏幕上很快就开始失效。
在这个设计中,我们已经使用了一些断点,但是这个设计开始失效的位置与现有断点不匹配。没有问题,我们可以很容易地为此做一个断点。
当可用空间变小时,我们对广告中可以隐藏的内容做了一些选择。我们首先移除树形图形,只留下一些文字。我们甚至在文字中使用了一些 span 标签来重复使用我们已经有的句子中的单词(隐藏一些单词,保留其他单词)。在最小尺寸下,我们只保留树形图形。
这个特定的设计很可能会发生改变,然后会一次又一次地发生改变。这就是广告的本质:让为广告付费的人满意,同时保持你的设计完整性。
嗨,Chris
我刚在这个网站上看到了这个广告,发现它自你制作这个视频以来略微改变了。
看起来好多了!不过,我个人建议,当你缩小到第二小的尺寸时,标题会流畅地向下移动,在它自己显示 logo 之前会下降到三行。这会破坏它下面的空间,我认为它是需要的。
我在 firebug 中尝试了一下,给“.top-treehouse-ad h5”添加了一个宽度为 165px 的属性,这可以让标题固定在两行,感觉看起来更统一。只是一个想法!
对于响应式横幅来说,太麻烦(代码太多)了...我不确定它是否值得,Chris...我很高兴你把它扔掉了 :)
帮助我记住链接样式顺序的短语是:Lord Vader Hates Furry Animals Link, Visited, Hover, Focus, Active。
我无法下载视频文件
或许在点击下载按钮之前尝试刷新页面?这些链接会随着时间(页面打开的时间长短)而失效。我刚刚测试了一下,对我很有效。
如果仍然有问题,请随时写信给 [email protected]。这样你就能确定收到回复并能看到它,而不必在这里查看。
我将隐藏此话题,因为它是一个与本文内容无关的技术问题。