1）采用在flex布局时，其影响的子元素中不能含有margin:auto;否则会导致属性justify-content失效。 2）父元素未设置高度，不能撑开。在查看的时候误以为不生效。 ...
你可能遇到过 ，网页多张连续图片时，图片之间有白线的问题，然后一搜索网上答案都是让你设定图片display:block 然后还是不能解决。 然后有的iphone机正常，安卓和模拟器上却有问题。这个原因可能是由于网页的视口缩放引起的。解决方法：给图片添加 margin:-1px 即可。 ...
浏览器是如何计算高度和宽度的 Web浏览器在计算有效宽度时会考虑浏览器窗口的打开宽度。如果你不给宽度设定任何缺省值，那浏览器会自动将页面内容平铺填满整个横向宽度。 但是高度的计算方式完全不一样。事实上，浏览器根本就不计算内容的高度，除非内容超出了视窗范围(导致滚动条出现)。或者你给整个页面设置一个绝对高度。否则，浏览器就会简单的让内容...
html5的video方式播放视频时，在安卓上是默认原来大小的，而在iphone上是默认全屏播放的。 解决方法： HTML5里video标签加上webkit-playsinline属性即可 <video id="player" width="480" height="320" webkit-playsinline=...
<aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。 1）被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、名次解释，等等。 <article> <h1>…</h1> ...
我这边在使用ueditor 1.4.3 (utf-8) php版本的时候，设置ueditor1.4.3/php/config.json 上传相机拍的大于1M的照片的时候 是可以自动压缩成最长边800的，但是上传小于1M的图片时候不能进行压缩。 看了ueditor的源码后，于是在 ueditor1.4.3/di...
| 时间 : 2015-06-12| 栏目 : javascript, php疑难杂症| 浏览 : 3,719 次| 评论 : 2 | [阅读全文] |
一、概述 除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。 设立"严格模式"的目的，主要有以下几个： - 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为; ...
| 时间 : 2015-04-23| 栏目 : javascript| 浏览 : 2,475 次| 暂无评论 | [阅读全文] |
噩梦开始的源头：之前写html或者jsp页面，从来不注意doctype的声明，也不太明白doctype的作用。直到最近碰到了一个非常奇葩的bug：某一个页面在IE7和8，Chrome，ff等下正常，但是在IE9下显示有问题，我就开始找啊找，各种调试，各种log，终于在httpWatch里边找到了答案：DOCTYPE未声明。于是我给页面添加...
如果让整个页面都禁止选择，可以使用下面的css body{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user...
-webkit-tap-highlight-color: transparent; Mobile上点击链接高亮的时候设置颜色为透明 -webkit-user-select: none; 设置为无法选择文本 -webkit-touch-callout: none; 长按时不触发系统的菜单, 可用在图片上加这个属性禁止下载图片 ...
referrer 网站来路；访问者进入网站的任何途径。HTTP Referer是header的一部分，当浏览器向web服务器发出请求的时候，一般会带上Referer,告诉服务器用户从那个页面连接过来的，服务器藉此可以获得一些信息用于处理。比如：如果 <script> var str=document.referrer;...
| 时间 : 2015-02-11| 栏目 : javascript| 浏览 : 1,974 次| 暂无评论 | [阅读全文] |
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就是设备的屏幕上能用来...
+function(){}(); 这里的加号，也可以替换成!,~等其他一元操作符，其效果相当于： (function() { console.log("Foo!"); })(); // or (function() { console.log("Foo!"); }()); 如果没有这个加号的话，解...
| 时间 : 2015-01-20| 栏目 : javascript| 浏览 : 1,873 次| 暂无评论 | [阅读全文] |
由于浏览器的冒泡行为。造成如果在一个DIV元素上同时定义了mouseover,mouseout的时候，当鼠标移动到DIV中的child子元素的时候，就会同时执行了两个操作mouseover和mouseout。 解决方案：阻止冒泡行为，当执行mouseover的时候不触发mouseout的操作。 方法1：...
| 时间 : 2015-01-16| 栏目 : javascript| 浏览 : 2,620 次| 评论 : | [阅读全文] |
近期评论