问题：对于固定定位的元素，固定住高度，后面紧跟的模块会当做前面的固定元素不存在似的，这给布局带来了困扰 解决方法： 1.给第二个模块div设置margin-top的值，margin-top的值设为大于等于固定定位模块的高度 2.这个方法是百度百科手机页面用的，先为固定定位元素设一个父元素，不设高度，不设宽度，什么都不设，他的第一个子元素是我们需要做固定定位的元素，这个按照需求写好样式，此时，父元素的高度...
设置select的边框为none；在PC端是没有问题的，但是放到手机浏览器和微信里上还是会出现边框 解决办法： 1 appearance:none;2 -moz-appearance:none; /* Firefox */3 -webkit-appearance:none; /* Safari 和 Chrome */ appearance使用方法： 1 .elmClass{2 -webkit-appearance: value;3 -moz-appearance: value;4 appearance: value;5 } 例子：使用appearance属性改变元素的外观 ...
问题：IE8及其以下低版本IE浏览器在缩小窗口时，UI没有按照相应的要求显示窗口缩小时对应的布局；其他浏览器正常。 定位过程： 其实开始拿到问题时是无从下手，不知所以然，根本就没听说还有media这个CSS属性，就更不知道它的功能了。但是对于解决UI问题，有自己的一套思路，就是首先要思考为什么会错误以及为什么没有错误两个方面，然后针对这两个方面的疑问把html或js或css文件简化再简化，修改再修改，查看UI变化，从而缩...
为了方便大家阅读代码，以下以 IE 代替 Internet Explorer,以 MF/FF 代替 Mozzila Firefox ： 1、//window.event IE:有window.event对象 FF:没有window.event对象。 可以通过给函数的参数传递event对象。如onmousemove=doMouseMove（event） 解决方法：var event = event || window.event;一个示例： 2、//鼠标当前坐标IE：event.x和event.y。FF：event.pageX和event.pageY。通用：两者都有event.clientX和event.clientY...
需要加个相对定位 position:relative;
昨天在sublimeText3中安装了less 以及 less2css插件，但是在编译保存的时候总是出现错误： less2css error: `lessc` is not available 就google 了一下午时间 ，不管是按照网上的方法怎么尝试都不对，今天阅读了sublime 中 less2css插件中随附的readme文档才发现了问题： 这个文档截图的部分是less2css安装说明部分 首先我们在我们的电脑上要先下载安装 NodeJS 配置nodejs环境 然后npm(js的包管理器 会自动...
对一名前端来说，改页面的过程总是痛苦的，产品经理说要加个点击样式，于是加active的class，本来以为这样就OK了，没想到电脑上ok，本地测也是ok的，tomcat上一跑就没效果了。我甚至把! important也加上去了也没效果，于是就网上寻找答案，以下列出2种亲测有效的解决方法。 一个方法是把a原样式写上。 a{color: red;}a:hover{color: blue;} 但是这种方法对于后来加class的人就不方便了，其实还有一个更简便的方法：在bo...
Hello，大家好！在前面三章中我们与大家分享如何使用webpack来完成前端的模块化打包工作，并附带了一些简单的案例实现，算是webpack的一个入门吧。 从这一章开始，我们将陆续为大家介绍如何使用webpack来完成前端工程化开发。 1.什么是工程化开发 软件工程的工程化开发概念由来已久，但对于前端开发来说，我们没有像VS或者eclipse这样量身打造的IDE，因为在大多数人眼中，前端代码无需编译，因此只要一个浏览...
最近在使用AmazeUI进行仿App Mobile Web开发时遇到了讨论众多的position:fixed问题。position:fixed在安卓2.2以上已经实现，但是在ios8以下系统当小键盘激活时，会出现位置错位的问题。 如下图： 受到CSDN上刘华童鞋（http://my.csdn.net/liu__hua）的启发，找到了目前位置比较完美的解决方案。 .head,.foot{position:fixed;left:0;height:38px;line-height:38px;width:100%;background-color:#99CC00;}.he...
CSS的经典问题二：如何解决所有子元素浮动以后，父元素高度为0的问题？ 1. 为父元素设置固高，副作用：如果子元素是动态数据，没法确定子元素高；2. 为父元素指定overflow:hidden；有副作用3. 为父元素添加后置内容生成选择器，无副作用。 .parent:after{ content: ; display:table; clear:both; } Bootstrap栅格布局系统 .container的宽度问题： 超大屏，屏宽>1200px（）：容器...
css-兼容性问题及解决(一) 1：在IE6下元素的高度的小于19px的时候，会被当做19px来处理 解决办法: overflow:hidden; 1 2 3 4 5 无标题文档 6 7 .box{height:2px;background:red;overflow:hidden;} 8 /* 9 IE6下最小高度问题10 在IE6下元素的高度的小于19px的时候，会被当做19px来处理11 解决办法:overflow:hidden;12 */13 14 15 16 17 18 2： 1px dotted ...
css-兼容性问题及解决(二) 四：IE6下双边距BUG ，也就是说，在IE6下块元素有浮动和横向的margin值，横向的margin值会被放大成两倍 1 2 3 4 5 无标题文档 6 7 body{margin:0;} 8 .box{width:200px;height:200px;background:Red;float:left;margin:100px;display:inline;} 9 /*10 IE6下双边距BUG11 在IE6，块元素有浮动和和横向的margin值 ，横向的margin值会被放大成两倍12 解决办法: displa...
图片下面出现空白怎么解决:在网页布局中可能会遇到这样的问题，那就是在图片的下面会出现空白，这种现象一般只会在IE6浏览器中出现，不过在火狐下也有可能会出现，这种现象在很多情况下都会严重影响网页的美观度，下面就介绍一下如何消除此种现象。解决方案一:将转换为块级元素，例如: img {display:block;} 以上方式可以解决此问题。解决方案二:使用vertical-align属性来实现此效果，例如: ...
Error Domain=com.alamofire.error.serialization.response Code=-1016 "Request failed: unacceptable content-type: text/html",此问题的原因就是使用的第三方框架AFNetworking 接口返回值类型不确定,由于服务器人员习惯于使用html文件所以将json文件也这么写了,导致没法解析 在模型类或者网络工具类中添加这句代码就能完美解决上述问题,建议不要直接修改AFNetworking,肯能会出现一些莫名的问题 instance.respon...
近日， 修改公司设备的应用固件， 发现视频以图片刷新方式显示的时候在IE下会闪烁。 经查阅资料， 修改后不再闪烁，附上代码 1