摘要: 首先应该明白几个概念: 1寸=3.3333333厘米(cm)1英寸(in)=2.54厘米(cm)屏幕尺寸: 屏幕对角线的长度。电脑电视同理。LCD是由液态晶体组成的显示屏(本向不发光) 有于电脑手机显示器LED则是由发光二极管组成的显示屏。(本身发光) 用于街面上的广告 每英寸描述的是水平的和垂直的 阅读全文
posted @ 2016-10-28 13:17 雪明瑶 阅读(865) 评论(0) 推荐(0) 编辑
摘要: 我们实现一个输入框的视觉的时候为了保持其各种各样的兼容性: 1.鼠标要跟文字一样高度。 2.文字要居中对齐。 3.还要有placeholder 第一个目标,当实现一个高度为40像素的高度输入框时,为了与鼠标对齐,我们会默认输入框的高度与字体高度差不多高度。多了会显得输入光标过高。 第二个目标,文字居 阅读全文
posted @ 2016-10-26 16:39 雪明瑶 阅读(7856) 评论(0) 推荐(0) 编辑
摘要: 们知道select标签在各个浏览器中的属性和各浏览器的支持各有些不同,从而造成select选择框在各浏览器的显示有不同,下面我们通过对主要CSS属性的支持,打造全兼容select。对select的height、padding、line-height分别利用控制变量的方法写了个DEMO在各浏览器上测试 阅读全文
posted @ 2016-10-26 16:38 雪明瑶 阅读(8759) 评论(0) 推荐(0) 编辑
摘要: .turn { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images.png) center center no-repeat #000; background-size: contain; display... 阅读全文
posted @ 2016-09-08 14:30 雪明瑶 阅读(149) 评论(0) 推荐(0) 编辑
摘要: http://m.haibao.com/features/StarisComing_33/效果就是这个 _option.processCallback = function (c, t) { $('.loadText').html(Math.round(c / t * 100) + '%'); }; 阅读全文
posted @ 2016-09-08 14:27 雪明瑶 阅读(259) 评论(0) 推荐(0) 编辑
摘要: 这个问题比较老,方法比较多,各有优劣,着情使用。 一、盒子没有固定的宽和高 方案1、Transforms 变形 这是最简单的方法,不仅能实现绝对居中同样的效果,也支持联合可变高度方式使用。内容块定义transform: translate(-50%,-50%) 必须加上 top: 50%; left 阅读全文
posted @ 2016-09-01 11:51 雪明瑶 阅读(35823) 评论(0) 推荐(1) 编辑
摘要: function is_weixin() { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return true; } else { return ... 阅读全文
posted @ 2016-08-30 14:39 雪明瑶 阅读(281) 评论(0) 推荐(0) 编辑
摘要: 一、jQuery 发布 1.9 正式版,最后支持 IE 6/7/8,2.0以上的版本都不支持这三个浏览器了。 二、小箭头的写法与旋转切换(一直以为这样的只以切图片,原来未必哦。) 三、ie7下z-index失效问题解决方法 绝对定位元素的“有定位属性(relative或absolute)的父元素”在 阅读全文
posted @ 2016-08-19 18:13 雪明瑶 阅读(334) 评论(0) 推荐(0) 编辑
摘要: 【问题】 微信页面开发时,各个主页之间的跳转,完全是通过a链接进行的,但是来回跳转几次,再次从其他主页面跳回首页的时候,微信头部出现了跳转加载进度条,但是就是不跳转,也没有任何反应 【范围】 只出现在微信内置浏览器上 【解决方法】 只要在原本跳转的链接后面带上任意一个参数,即: <a href="h 阅读全文
posted @ 2016-08-18 18:45 雪明瑶 阅读(508) 评论(0) 推荐(0) 编辑
摘要: font-family,font-style,font-variant,font-weight,font-size,fontfont-family(字体族): “Arial”、“Times New Roman”、“宋体”、“黑体”等;font-style(字体样式): normal(正常)、ital 阅读全文
posted @ 2016-08-17 17:57 雪明瑶 阅读(4269) 评论(0) 推荐(0) 编辑