草庐IT

媒体查询、px和rem转换、浏览器兼容、手机端视频播放解决方案

媒体查询响应式的界面不局限于某一固定分辨率。所以如何在不同的尺寸的设备上很好地展示界面,是一个很大的问题。为了更好的适配设备,我们按照不同的分辨率对设备进行了划分。在这里插入代码片/*大屏幕(大桌面显示器,大于等于1200px)*/@media(min-width:1200px){...}/*中等屏幕(桌面显示器,大于等于992px)*/@media(min-width:992px){...}/*小屏幕(平板,大于等于768px)*/@media(min-width:768px){...}/*超小屏幕(手机,小于768px)*/media(max-width:767px){...}布局尽量采用

撸一个px2rem-loader,并拓展一些丰富的功能

前言有没有面试的时候,经常被问怎么写一个webpack的loader或者plugin呢?这时候不知道你是不是一脸懵逼。那么这篇文章我们一起来学一下loader的实现,并亲手写一个阉割版的px2rem-loader并为官方的px2rem-loader拓展一些实际项目中不能满足我们使用的功能loader的基本介绍loader的基本使用loader的本质是对源代码进行转换,预处理源代码内容。webpack默认只能处理.js,.json文件,实际项目中会有很多类型的文件,这时候就需要提供loader为webpack拓展处理其它文件的能力。本篇文章重在编写loader,不在这里介绍loader的基本使用

撸一个px2rem-loader,并拓展一些丰富的功能

前言有没有面试的时候,经常被问怎么写一个webpack的loader或者plugin呢?这时候不知道你是不是一脸懵逼。那么这篇文章我们一起来学一下loader的实现,并亲手写一个阉割版的px2rem-loader并为官方的px2rem-loader拓展一些实际项目中不能满足我们使用的功能loader的基本介绍loader的基本使用loader的本质是对源代码进行转换,预处理源代码内容。webpack默认只能处理.js,.json文件,实际项目中会有很多类型的文件,这时候就需要提供loader为webpack拓展处理其它文件的能力。本篇文章重在编写loader,不在这里介绍loader的基本使用

带有响应式引导、Vimeo 嵌入和 WordPress 主题的 CSS 1 px 边框

CSS1pxborderwithresponsivebootstrap,Vimeoembed,andWordPresstheme我在使用Vimeo在我的WordPress主题中嵌入视频时遇到问题。显示视频嵌入左侧的Vimeo背景的1px边框(在Chrome中)。Bootstrap也是用这个主题实现的。基本上,当嵌入Vimeoiframe时,它??会在左侧显示一个非常细的黑色边框,这是其iframe的Vimeo默认背景。我们有白色背景,因此在某些页面上非常明显。如果您查看源代码,则基本嵌入是:1  <iframesrc="http://player.vimeo.com/video/6468

带有响应式引导、Vimeo 嵌入和 WordPress 主题的 CSS 1 px 边框

CSS1pxborderwithresponsivebootstrap,Vimeoembed,andWordPresstheme我在使用Vimeo在我的WordPress主题中嵌入视频时遇到问题。显示视频嵌入左侧的Vimeo背景的1px边框(在Chrome中)。Bootstrap也是用这个主题实现的。基本上,当嵌入Vimeoiframe时,它??会在左侧显示一个非常细的黑色边框,这是其iframe的Vimeo默认背景。我们有白色背景,因此在某些页面上非常明显。如果您查看源代码,则基本嵌入是:1  <iframesrc="http://player.vimeo.com/video/6468

关于 css:需要知道 jQuery 中最大宽度值是 % 还是 px

NeedtoknowinjQueryifamax-widthvalueisin%orpxjQuery中有一些方法可以知道CSS页面中定义的元素的最大宽度值是%还是px,因为jQuery总是返回px中的值。我是说……123.contain{  max-width:80%;}jQuery->.contain在%!123.contain{  max-width:80px;}jQuery->.contain在px中!谢谢!1$('.contain').css('max-width')它会返回一个字符串,要么是"80px"要么是"80%"然后就可以用indexOf来查找是否有"px"或者"%"12345

关于 css:需要知道 jQuery 中最大宽度值是 % 还是 px

NeedtoknowinjQueryifamax-widthvalueisin%orpxjQuery中有一些方法可以知道CSS页面中定义的元素的最大宽度值是%还是px,因为jQuery总是返回px中的值。我是说……123.contain{  max-width:80%;}jQuery->.contain在%!123.contain{  max-width:80px;}jQuery->.contain在px中!谢谢!1$('.contain').css('max-width')它会返回一个字符串,要么是"80px"要么是"80%"然后就可以用indexOf来查找是否有"px"或者"%"12345