flex布局中属性justify-content失效

1)采用在flex布局时,其影响的子元素中不能含有margin:auto;否则会导致属性justify-content失效。 2)父元素未设置高度,不能撑开。在查看的时候误以为不生效。 ...

       时间 : 2022-08-18| 栏目 : css3, 大前端| 浏览 : 167 次| 暂无评论 [阅读全文]

    多张图片和图片之间有亮线

    你可能遇到过 ,网页多张连续图片时,图片之间有白线的问题,然后一搜索网上答案都是让你设定图片display:block 然后还是不能解决。 然后有的iphone机正常,安卓和模拟器上却有问题。这个原因可能是由于网页的视口缩放引起的。解决方法:给图片添加 margin:-1px 即可。 ...

         时间 : 2019-02-20| 栏目 : css3, 大前端| 浏览 : 4,562 次| 评论 : [阅读全文]

      html布局中如何让 最外层div的 height 100% 起作用?

      浏览器是如何计算高度和宽度的 Web浏览器在计算有效宽度时会考虑浏览器窗口的打开宽度。如果你不给宽度设定任何缺省值,那浏览器会自动将页面内容平铺填满整个横向宽度。 但是高度的计算方式完全不一样。事实上,浏览器根本就不计算内容的高度,除非内容超出了视窗范围(导致滚动条出现)。或者你给整个页面设置一个绝对高度。否则,浏览器就会简单的让内容...

           时间 : 2018-01-04| 栏目 : css3| 浏览 : 3,056 次| 暂无评论 [阅读全文]

        html5在iphone上视频不全屏播放设置

        html5的video方式播放视频时,在安卓上是默认原来大小的,而在iphone上是默认全屏播放的。 解决方法: HTML5里video标签加上webkit-playsinline属性即可 <video id="player" width="480" height="320" webkit-playsinline=...

             时间 : 2015-10-22| 栏目 : html5| 浏览 : 2,523 次| 评论 : [阅读全文]

          HTML5中aside标签的使用

          <aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。 1)被包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的相关资料、名次解释,等等。 <article> <h1>…</h1> ...

               时间 : 2015-10-22| 栏目 : html5| 浏览 : 1,232 次| 暂无评论 [阅读全文]

            前端切图常见技巧

            对于程序员写程序来说,切图门槛的一般比较低,只要有一些ps基础,摸索个五分钟基本也就了解各大概。但是就跟其他的所有技能一样,切图也是有很多技巧性和经验在里面的,这些东西可以让你的切图工作更有效率,更有目的性。本文希望把我几年做切图的心得整理归纳一下,希望对各位前端,程序员,设计师有所帮助。 说明 我用photoshop c...

                 时间 : 2015-07-11| 栏目 : html5| 浏览 : 1,172 次| 暂无评论 [阅读全文]

              关于ueditor 1.4.3 上传小于1M图片时不压缩的bug修...

              我这边在使用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疑难杂症| 浏览 : 2,450 次| 评论 : 2 [阅读全文]

                Javascript 严格模式详解

                一、概述 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。   设立"严格模式"的目的,主要有以下几个: - 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为; ...

                     时间 : 2015-04-23| 栏目 : javascript| 浏览 : 1,694 次| 暂无评论 [阅读全文]

                  <!DOCTYPE html> 声明真的很重要

                  噩梦开始的源头:之前写html或者jsp页面,从来不注意doctype的声明,也不太明白doctype的作用。直到最近碰到了一个非常奇葩的bug:某一个页面在IE7和8,Chrome,ff等下正常,但是在IE9下显示有问题,我就开始找啊找,各种调试,各种log,终于在httpWatch里边找到了答案:DOCTYPE未声明。于是我给页面添加...

                       时间 : 2015-04-01| 栏目 : html5| 浏览 : 1,270 次| 暂无评论 [阅读全文]

                    css禁止用户选择文本(兼容所有浏览器)

                    如果让整个页面都禁止选择,可以使用下面的css body{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user...

                         时间 : 2015-02-12| 栏目 : css3| 浏览 : 1,312 次| 暂无评论 [阅读全文]

                      webkit内核浏览器的常用CSS3

                      -webkit-tap-highlight-color: transparent;  Mobile上点击链接高亮的时候设置颜色为透明 -webkit-user-select: none; 设置为无法选择文本 -webkit-touch-callout: none; 长按时不触发系统的菜单, 可用在图片上加这个属性禁止下载图片 ...

                           时间 : 2015-02-12| 栏目 : css3| 浏览 : 1,261 次| 暂无评论 [阅读全文]

                        javascript中的页面来源 referrer

                        referrer 网站来路;访问者进入网站的任何途径。HTTP Referer是header的一部分,当浏览器向web服务器发出请求的时候,一般会带上Referer,告诉服务器用户从那个页面连接过来的,服务器藉此可以获得一些信息用于处理。比如:如果 <script> var str=document.referrer;...

                             时间 : 2015-02-11| 栏目 : javascript| 浏览 : 1,350 次| 暂无评论 [阅读全文]

                          移动前端开发之viewport的深入理解

                          在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲,移动设备上的viewport就是设备的屏幕上能用来...

                               时间 : 2015-02-08| 栏目 : html5| 浏览 : 1,152 次| 暂无评论 [阅读全文]

                            js函数前面的加号,叹号

                            +function(){}();   这里的加号,也可以替换成!,~等其他一元操作符,其效果相当于: (function() { console.log("Foo!"); })(); // or (function() { console.log("Foo!"); }()); 如果没有这个加号的话,解...

                                 时间 : 2015-01-20| 栏目 : javascript| 浏览 : 1,225 次| 暂无评论 [阅读全文]

                              jQuery因mouseover,mouseout冒泡产生的闪烁问题

                              由于浏览器的冒泡行为。造成如果在一个DIV元素上同时定义了mouseover,mouseout的时候,当鼠标移动到DIV中的child子元素的时候,就会同时执行了两个操作mouseover和mouseout。 解决方案:阻止冒泡行为,当执行mouseover的时候不触发mouseout的操作。   方法1:...

                                   时间 : 2015-01-16| 栏目 : javascript| 浏览 : 1,555 次| 评论 : [阅读全文]