随笔分类 - css
摘要：背景： 最近就遇到一个同事的项目，还是像平常一样小心切图，认真对像素。 一切测试都没有问题，顺利上线。 但是，上线之后，产品经理跑过来说，有BUG。 BUG描述：（不认为是BUG） 前端页面上的图标是虚的。 环境：mackbook pro retina屏 现象： 给了一个截图 图标是虚的 BUG修复
阅读全文
摘要：示例： BUG描述： 最近同事一项目中，产品提出在macbook air上，列表图片放大效果边缘出现抖动现象。在retina屏上没有此问题。 调试过程： 1、单独把结构分离。确定是否由其他元素引起。 2、逐步添加结构。看是否有父级结构引起。 调试结果： 1、单独分离，不出现问题。 2、添加结构的过程
阅读全文
摘要：测量，在WEB设计上是非常重要的。在CSS中有至少10种不同的测量单位。每种单位都有其独特的作用，使用它们，可以使页面，在各种设备上，很好的工作。一旦你熟悉了所有这些单位，你可以更准确地设定元素的大小了。这个教程中，我们将看看在CSS中，使用单位的不同，在什么情况下使用什么样的单位，以及如何去使用它
阅读全文
摘要：前言 不像响应式布局，通过media query，设置几个变化点来适配，流体排版通过调整大小，适配所有设备宽度。这个方法可以使我们开发的网页，在几乎所有屏幕尺寸上都可以使用。但出于一些原因，它的使用率还远远没有响应式技术高。 在印刷的历史上，排版是根深蒂固的。关于“流体”的概念，在传统思想里并不存在
阅读全文
摘要：前言 这是Glen Maddern发布于2015年8月19日的一篇文章，主要是之前翻译的文章《理解CSS模块方法》里提到这篇文章，现在算是顺藤摸瓜跟进来看看。 这里的翻译都是根据我自己的理解进行的，所以不是一句一句的来的，有哪些不对的也在所难免，水平有限，希望大家指出。 正文 如果想在最近CSS开发
阅读全文
摘要：在这个前端发展日新月异的世界，能够找到有所影响的概念相当困难，而将其准确无误的传达，让人们愿意尝试，更是难上加难。 拿CSS来看，在我们写CSS时，工具侧最大的变化，也就是CSS处理器的使用，如：可能公认最好的SASS。还有PostCSS，提供了另一种不同的解决方案，但也相差不大，属于同种东西，都是
阅读全文
摘要：市面上已经有很多的前端工具，再来引入新的前端工具，价值大不大？这主要取决于，它是否给开发人员提供了新的功能，是否值得花时间和精力去学习和使用？ PostCSS出现时有一个很有趣的现象。像sass和less这些主要做css预处理的工具，已经有了它们的类别和使用方法的区别。 让我们先解决一些PostCS
阅读全文
摘要：“代码质量”这个术语对于程序员来说并不陌生。毕竟，每个开发人员都知道，代码只是能工作是不够的。它还应该具备其他要素：它应该是可读的，良好的格式和一致性。它也应该符合一些标准的量化指标。不过这些在写CSS时，经常被忽略。我们可以花很多时间讨论为什么会发生这种情况，但重要的是，CSS编码是和JavaSc
阅读全文
摘要：许多开发人员花时间在使用CSS的预处理器上如less,sass和stylus。这些工具已经成为Web开发的重要组成部分。写一个网站的样式，不使用嵌套，变量或混入等功能很少见。它们每个都是非常实用的，让我们退后一步看，考虑以这种方式使用预处理器是不是最好的办法。传统的预处理器的问题： 不能扩展。无论您
阅读全文
浙公网安备 33010602011771号