苹果手机iPhone各型号分辨率及独立像素CSS适配
型号
尺寸
逻辑分辨率(点)
逻辑像素
Scale Factor
设备分辨率
物理像素
(渲染像素)
ppi
iPhone 3GS
3.5
320×480
@1x
320×480
163
iPhone 4
iPhone 4s
3.5
3[……]
型号
尺寸
逻辑分辨率(点)
逻辑像素
Scale Factor
设备分辨率
物理像素
(渲染像素)
ppi
iPhone 3GS
3.5
320×480
@1x
320×480
163
iPhone 4
iPhone 4s
3.5
3[……]
知道CSS的朋友一定听说过CSS hack,现在的浏览器IE、Firefox、Chrome、Opera、Safari。。。百家争鸣,可苦了Web前端开发人员了。
不同的浏览器对CSS的解释都有一点出入,特别是padding, line-height这些要细微控制的地方,下面的hack基本可[……]
Easy Mock
野狗
waypoints 滚动到某元素触发某事件
autosize 自动调整textarea输入框大小
clipboardjs 剪切板
jQuery custom content scroller 滚[……]
2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。
浏览器支持:IE10 F22 C21 O12.1 S6.1
教程参考:
– Flex 布局教程:语法篇 – 阮一峰
-[……]
1 clip
2 渐变 IE10+
background:linear-gradient(45deg,#fff,#fff);
radial-gradient
3 混合模式 mix-blend-mode/background-blend-mode[……]
CSS伪类 用于向某些选择器添加特殊的效果。
CSS伪元素 用于将特殊的效果添加到某些选择器。
这TM不一样吗???
CSS中的类选择器(class)是为了方便过滤(选择)元素,给这类元素添加样式,class是定义在HTML文档树中的。但是这在一些情况下是不够用的,比如用[……]
css2中的media type属性,用于判断媒体类型。而在css3中新增了 media query属性用于增强media type属性。media query属性的是media type属性的增强功能,使media type可以进行条件判断输出对应的css。
media query的使用方法[……]
1.添加空<div>标签或者<br />
[html]
<style type=”text/css”>
*{margin:0;padding:0;}
body{font:36px bold; color:#FFF; text-align:cente[……]
可以使用<li>替换[……]