-
CSS如何设置小于12px的字号
106使用CSS文字调整属性来解决 对于内核为webkit的浏览器，禁止浏览器配置调整网页的字体大小，CSS定义方式：.adjustment-style { -webkit-text-size-adjust:none; font-size:9px; }，text-size-adjust 属性用来设定文字大小是否根据设备(浏览器)来自动调整显示大小，safari 3.0+，chrome 1.0+可以支持。属性值可以为三种：percentage：字体显示的大小；auto：默认，字体大小会根据设备/浏览器来自动调整； none:字体大小不会自动调整；有的地方说该属性最初专门是为iPhone版safari设计的，用...
详情 -
CSS超出宽度高度显示...
127注意，文字块必须设置宽度！ 针对单行文本 overflow:hidden;//超出宽度隐藏text-overflow:ellipsis;//溢出后显示省略号white-space:nowrap;//默认不换行； 针对多行文本 overflow:hidden;//超出宽度隐藏display:-webkit-box;-webkit-line-clamp:3;//文本行数-webkit-box-orient:vertical; ...
详情 -
CSS背景过滤器“backdrop-filter”
189backdrop-filter CSS属性允许您对元素后面的区域执行模糊、改变颜色等效果。因为它适用于元素后面的所有内容, 所以要查看效果, 必须使元素或其背景至少部分透明。 /*Keywordvalue*/backdrop-filter:none;/*不对背景应用任何过滤器*//*URLtoSVGfilter*/backdrop-filter:url(commonfilters.svg#filter);/*Filterfunctions*/backdrop-filter:blur(2px);/*模糊*/backdrop-filter:brightness(60%);/*亮度*/backdrop-filter:contrast(40%);/*对比度*/backdrop-filter:drop-shadow(4px4px10pxblue);/*图像后方阴影*/backdrop-filter:grayscale(30%);/*灰度*...
详情 -
Web端高dpi图片适配方案
243面向高dpi显示屏的适配方案主要有以下几种： 1、javascript选择图片进行加载 方法：通过 window.devicePixelRatio 获取设备像素比率，获取屏幕宽度和高度，甚至可能通过navigator.connection或发出假请求，如foresight.js库做一些网络连接嗅探。 收集所有这些信息后再决定要加载哪个图片。 优点：兼容低版本浏览器 缺点：图像加载会有延迟 2、有服务端选择加载图片 方法：为每个图片编写自定义请求处理程序来处理。 这样的处理程序将基于User-Agent（中继到服务器的...
详情 -
IE矩阵滤镜Matrix旋转与缩放及结合transform的拓展
278Matrix滤镜简介 基本语法如下： filter:progid:DXImageTransform.Microsoft.Matrix(enabled=bEnabled,SizingMethod=sMethod,FilterType=sType,Dx=fDx,Dy=fDy,M11=fM11,M12=fM12,M21=fM21,M22=fM22) 其中参数多多，而且名称稀奇古怪的，很容易吓着新手。所以我干脆直接简化了下，把与实现旋转与缩放功能不相关的不需要关系的参数全部一脚踹掉，于是有： filter:progid:DXImageTransform.Microsoft.Matrix(SizingMethod=sMethod,M11=fM11,M12=fM12,M21=fM21,M22=fM22) 其中 SizingMethod 这里死活就是 auto expand 了，也就是说我们要实现元...
详情 -
dede重置栏目ID和文章ID
205主要解决清空所有栏目后id不归1问题！ 在后台SQL运行器运行下面的语句，这样新建的栏目ID就从1开始了: ALTERTABLE`dede_arctype`AUTO_INCREMENT=1; 下面是文章的，运行后，发布的文章的ID从1开始: ALTERTABLE`dede_archives`AUTO_INCREMENT=1; ...
详情 -
解决IE8及以下版本不支持CSS3的nth-child()的写法
222IE8 不支持很多新特效，网站首页图文列表出现错位问题，原因是 IE8 不支持 CSS3 :nth-child() 选择器引起的，关于对此问题的解决办法，有如下两种解决方法（部分内容来源于网络）： 方法一：使用 + 来硬干nth-child() CSS3通常我们这样写： ulli:nth-child(3){width:10%} 遇到IE7、IE8的时候这样干： ulli+li+li{width:10%} 或者这样： ulli:first-child+li+li{width:10%} 方法二：使用JQuery解决IE8不支持CSS3的nth-child()问题 jQuery :nth-child() 选择器的使用方法和 CSS3 的 :nth-child() 没什么两样，...
详情 -
关于position的fixed属性失效的问题，小记录
137如果父级元素如果有transform属性，会导致子元素的fixed失效，暂时无解决方法；只能用别的方法代替CSS3的transform了。 ...
详情 -
JQuery筛选器备忘
130jQuery提供了强大的选择器让我们获取对象。这里，我们暂且将jQuery选择器分为两大部分：选择对象和筛选条件。选择对象表示要获取什么对象，筛选条件是对获取的对象进行筛选，最终留下符合某些特征的对象。 1.选择对象 1).基本 ·#id 根据给定的ID匹配一个元素。例如：$(#id) ·element 根据给定的元素名匹配所有元素。例如：$(div) ·.class 根据给定的类匹配元素。例如：$(.style1); ·* 匹配所有元素。例如：$(*) ·selector1,selector2,selectorN 将每一个选择器匹配到的...
详情 -
用jquery刷新当前页面方法记录
215如何使用jquery刷新当前页面，方法奉上，备用。 window.location.reload()//刷新当前页面.parent.location.reload()//刷新父亲对象（用于框架）opener.location.reload()//刷新父窗口对象（用于单开窗口）top.location.reload()//刷新最顶端对象（用于多开窗口） ...
详情