zzxboy1的博客

昨天在做页面的时候遇到一个简单的效果，不多说，上交互图 鼠标滑过的导航高度会变化，同时如果滑过的不是被选中的（红色）导航，则被选中的高度会降低，大概就是要实现这样一个效果，当时觉得这样一个交互效果用JQ的hover实现很简单，想当然的就用了JQ，设置一个叫”hover”的class代码如下： $("#midsection2_nav>li").hover(function() {

今天工作中遇到了需要让汉字和英文词汇均不换行的需求，同时需要考虑兼容性问题，除了white-space：nowrap或者pre。顺带将所有相关的知识补了一下。首先是white-space，在没有设定white-space情况下 #test { font-size: 20px; margin: 0 auto; background: grey;

过完了一个愉快的年，开始陆陆续续的继续在家学移动端开发的知识。 关于设备像素比的知识，想必做过移动端开发的都有接触，这里就不介绍啦，万一有不懂的可以看张鑫旭大神的设备像素比devicePixelRatio简单介绍由于设备像素比存在的原因，我们在处理设计图的一些边框时，对于1px的border，如果在代码里将其写死，可能在不同设备像素比的设备中，粗细不一样，尤其是在目前大多数设备像素比为2的设备中，

在我们的一般认知中，对元素使用绝对定位时，margin: auto肯定就失效了，margin：auto只对指定了宽高的元素生效，是通过计算得来的。绝对定位元素脱离文档流，理论上自然是无法使用margin:auto的。但事实上并非如此，我们往往在不考虑浏览器兼容性的情况下使用 top: 50%; transform:translate(0, -50%)来实现垂直居中或者对明确知道高度的元素使用负mar