See the Pen doQwbv by cywcd (@webzsky) on CodePen. 屏幕的缩放及初始大小 添加到主屏幕全屏,图标等 苹果设备默认的工具栏和菜单栏 苹果设备状态栏样式 苹果设备自动识别电话、邮箱相关 屏幕的缩放及初始大小 <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=…
inline|block|inline-block整体上的区别 1、在概念上说：inline和block完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满；inline-block为内联块元素，既可以不产生换行，还保留块元素宽高和边距的属性。 2、布局级别上说：HTML元素各有其自身的布局级别（block…
hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时，它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内容，而不是依赖于祖先元素来完成这些工作。 haslayout是怎么来的？ 为了解决这个问题，微软的天才coder决定去修理他们的这个古老的引擎，因此haslayout这个属性就诞生了。每…
清除浮动是web前端工程师的必修课，下面就清除浮动的方法进行归纳整理及优缺点分析 方法一：DIV闭合处，加<div class=”clear”></div> (.clear{clear:both}) 代码如下： <div class=”div1″> <div class=”left”>我是左浮动</div> <div class=”right”>我是右浮动</div> <div class=”clear”></di…
页面制作中大渐变背景色切图非常影响页面打开速度，下面给出解决渐变背景色css解决方案供参考 filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#fcf8f3); background: -ms-linear-gradient(top, #ffffff, #fcf8f3); background: -moz-linear-gradient(top, #ffffff,#fc…
html页面切换过度效果实现方法很简单，但是对于浏览器的设置有需求，经过测试IE浏览器的默认设置没有问题，但是其他浏览器需要进行设置才可以。 实现方法就是：利用文本头的 <meta> 标记实现页面过渡效果，具体说明如下： IE要求: 在IE5.5及以上版本的浏览器中. 启用网页过渡效果 默认情况下都已经启用了，如果需要手动启用则只需在Internet选项中： Advanced（高级） - Browsing（浏览） - Enable page transitions（启用页面过渡）即可。 应用…
http协议的状态码 200、301、304、404、502一览 http协议的状态码 E-Marketing Union of friendship 1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态码。 100（继续） 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101（切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。 2xx（成功） 表示成功处理了请求的状态码。 200（成功） 服务器已成功处理了请求。通常，…
响应式Web设计，这个概念是Ethan Marctte 在A List Apart 发表的一篇文章“Responsive Web Design”中援引响应式建筑而得名：响应式建筑（responsive architecture），物理空间应该可以根据存在于其中的人的情况进行相应。 为什么一定要为每个用户群各自打造一套设计和开发方案？Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，它更像是一种对于设计的全新思维模式；我们应当向下兼容、移动优先。…
自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注，然而唯一能让IE识别那些新元素(如 article)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。 使用和下载 html5.js必须在页面head元素内调用(因为IE自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注，然而唯一能让IE识别那些新元素(如<article>)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来…