随笔分类 -  html/css

摘要：昨晚头儿让我研究一下viewport units:vw,vh,vmin vmax 用于移动端的利弊。我才知道还有这种单位的存在... 现在总结一下： 第一点：vw是相对是屏幕宽度的，比如50vw=屏幕宽度的50%,跟百分比有点像 第二点：vh是相对屏幕高度的，比如50vh=屏幕高度的50%； 第三点 阅读全文

摘要：遇到一些比较复杂的动画可以用插件帮忙，我一般选择animate.css，有时间和机会的话试下jquery.transit.js：jquery.transit.js：http://code.ciaoca.com/jquery/transit/demo/animate.csshttp://alloyte... 阅读全文

摘要：链接 http://sta.ganjistatic1.com/ng/app/im/page/mid_autumn/index.html这个动画实际花了我3天时间，半天浏览所有页面，阅读动画说明，想清楚布局结构。1天时间，切图，布局1.5天时间，写动画，修改动画速度这是我花比较多精力完成的一个东西，同... 阅读全文

摘要：http://ued.ctrip.com/blog/svg-icons-in-mobile-applications.html在移动设备 retina 屏幕 经常会遇到图标不清晰的问题。为了解决这个问题，我们有以下几种方法切一张 2倍甚至3倍大小的图，然后用css 进行缩放，这样虽然解决了图标不清晰... 阅读全文

摘要：我们经常遇到这类情况的设计，如图：title 置顶，点击title（fixed固定） 跳到对应的锚点。 锚点默认跳到title被盖住，加各种padding-top margin-top 都没用，今天看到一个解决办法， 在“本周保养” 的title 添加 border-top：45px solid；m 阅读全文