源始web开发过程中遇到的一些兼容问题

author author     2022-08-01     364

关键词:

  前端培训课程马上结束,面临着出去找工作,在这里总结一下学习到的知识,也记录下自己找工作的情况和一些面试经验。希望能够坚持下去,使自己能有所提高...

 

  先来总结下在前端开发过程中容易遇到的一些兼容问题。

 

1、 块属性标签float之后,如果有横向的margin属性,在IE6显示margin比设置的值大。

  解决方案:给float的元素添加display:inline属性,使其转化为行内元素。

 

2、 设置较小高度的标签(一般小于10px),在IE6、IE7、遨游中高度超出自己设置的高度。

  解决方案:给元素添加overflow:hidden属性;或者设置line-height小于你设置的高度。

 

3、 多个图片在一些浏览器中出现默认间距。

  解决方案:给图片元素添加float属性。

 

4、 标签设置min-height属性不兼容。

  解决方案:如需设置标签的最小高度为300px。需要如下设置:{min-height:300px;height:auto !important;height:300px;overflow:visible;}

  备注:当内容高度小于一个值(如300px),容器高度为300px,当内容高度大于这个值时,容器高度被撑高,而不是出现滚动条时,需要考虑这个兼容问题。

 

5、 opacity定义元素的透明度问题。

  解决方案:filter:alpha(opacity=80); /*IE支持该属性*/

         opacity:.8; /*支持css3的浏览器*/

 

6、 文字阴影的兼容问题。

  解决方案:IE:{filter:shadow(Color=#666,Direction=135,Strength=5)}

       其他浏览器:{text-shadow:1px 1px 1px #666;}

 

7、 盒子阴影的兼容问题。

  解决方案:{box-shadow:5px 5px 5px #666; -mox-box-shadow:5px 5px 5px #666; -webkit-box-shadow:5px 5px 5px #666;}

 

8、 定义1px高度的容器。

  解决方案:overflow:hidden || zoom:0.08 || line-height:1px

  备注:zoom属性设置或检索对象的缩放比例。

 

9、 文字与图片垂直居中。

  解决方案:为文字与图片的共同父元素所有的后代元素定义*{vertical:middle;}

  例:<p>我要垂直居中<img src="images/1.jpg"></p>

    p*{vertical:middle;}

 

10、 待续...

前端开发过程中遇到过啥困难?

面试前端开发工程师,对方问:“开发中遇到过什么困难,如何解决的?”这个问题应该怎么回答?希望大神给个范文。不要给什么问题分析、思路之类的,就是要一个可以背下来的范文。开发中主要会用到Vue、vue-cli、webpack、n... 查看详情

javascript移动设备web开发中对touch事件的封装实例

在触屏设备上,一些比较基础的手势都需要通过对touch事件进行二次封装才能实现。zepto是移动端上使用率比较高的一个类库,但是其touch模块模拟出来的一些事件存在一些兼容性问题,如tap事件在某些安卓设备上存在事件穿透的... 查看详情

最近网页开发,遇到的,微信,iphone的一些兼容性问题

 最近要做一个移动前端,填字的需求,类似pc上一些程序填写序列号的界面, 填写前: h           world   填写后: h e l l o world,&n 查看详情

开发新版大番薯牛牛源码过程中遇到需要注意的问题

...游戏的服务器搭建步骤,希望能有人从中受益!我最近正开发的这套新版大番薯牛牛源码今微信H5牛牛源码(h5.ttkmwl.com)开发出来了,但开发h5页面时间遇到了一些坑。天不负有心人,心累!相信H5的程序员开发微信h5页面始遇到... 查看详情

web前端开发需要哪些技能?

...做Web前端,精通HTML5是必须要掌握的一项技能。千锋软件开发培训课程的授课模式采用全程面授,讲师成本虽高,但是效果却是显著的,和学员面对面沟通,了解到学员在学习过程中遇到的问题,动态地调整授课方式。千锋教育... 查看详情

实际项目中前后端传输字符串url编解码过程中遇到的一些问题

线上版本(包括12.2,12.3版本)中,参照过滤条件在传输过程中经过了URL编码及解码过程,前后端使用的API之间的差异导致一些问题,现记录如下: 前端URL编码API encodeURIComponent使用UTF-8编码格式对字符串进行URL编码;后... 查看详情

在前端工作中遇到的一些常见的兼容问题

1.图片下方3像素:在div中插如图片时,图片会将div下方撑大3px;解决方案:(a)将<div>和<img>写在一行上(IE6、ie7);     (b)将<img>转为块状元素,给<img>添加声明:display:block;     (c)给<div>... 查看详情

前端开发中经常遇到的一些英语单词

...意的小细节,每天也会准时讲一些项目实战案例。在前端开发与探讨过程中熟悉并了解一些英语是非常关键的,下面整理了一些基础的前端英语单词,希望对给位有所帮助首先、页面布局(layout)header头部/页眉;index首页/索引... 查看详情

springboot遇到的一些事

参考技术Aspringboot搭建web框架很是方便,但是搭建的过程中会遇到很多问题.过程中我遇到了这样一个问题如下:遇到这个错误纠结了很久..显示设置了com.ibm.ws.webcontainer.invokeFlushAfterService为false,如下或者虽然没有错误了但是又遇到了... 查看详情

vue开发过程中遇到的问题

1.gitlab团队协作开发2.elementui问题集锦3. 使用vue和ElementUI快速开发后台管理系统 查看详情

dlna开发中兼容性问题

基于platinum重新封装实现了dlna功能接口,测试过程中遇到很多兼容性问题,盒子的反馈很难提供有用的分析定位信息:总结下盒子异常1:盒子视频播放拿不到进度,一般需要先stop->setAvUri->play这种流程去播放视频2:图片不... 查看详情

记一次开发过程中,iview遇到的一些坑以及解决办法(代码片段)

...项目采用的是vue2.0+iview3.0,最近公司没啥事,来总结一下开发过程中遇到的问题。 1、Modal关闭问题需求背景:modal框里面是个form表单,点击确定之后,先验证form表单,验证通过则关闭modal框,验证不成功则提示用户,不关闭... 查看详情

在自己编程过程中遇到的一些问题

  虽然说需要描述自己在整个编程生活中遇到的一些问题和从中学到了什么,但是可能自己之前太过遥远的东西也记不太清了,就说说最近自己遇到的几个印象深刻的问题吧。  第一个印象深刻的问题是关于计算机... 查看详情

cocos2dx开发:记录遇到的一些问题和解决方法

...一些新手提供点经验。这篇文章会一直更新,将自己之后开发中遇到的问题也更新到文章中。 1.使用cocos2d-x-2.2.0新建项目的过程解决:2.0以后的版本没有了install-templates-msvc.bat配置模板脚本,不能直接在VS2010中 查看详情

开发过程中遇到的各种问题汇总

TLS/SSL/HTTPS1.我的个人网站https改造过程中,遇到问题MixedContent:Thepageat‘https://www.liberalman.cn/login’wasloadedoverHTTPS,butrequestedaninsecurestylesheet‘http://o9gqjr7iy.bkt.clouddn.com/libertyblog//css/ 查看详情

二.jsp开发过程中遇到的问题及解决

一.开发环境问题问题一:FailedtoloadtheJNIsharedlibrary启动Eclipse时弹出“FailedtoloadtheJNIsharedlibrary……”这样的一段提示,如下图:大概意思就是说在某个位置找不到jvm.dll这个文件原因1: 指定目录下jvm.dll不存在,可能... 查看详情

开发过程中遇到问题

遇到问题1、接口传递批次数据及解析的问题?通过HttpClient调用接口接收方使用fastjson解析解决方案:传递的对象包含集合封装成json字符串,如果传递的单个对象,对象里包含有集合可以使用ATSATSInfo=JSON.parseObject(result,newTypeReferen... 查看详情

Web 服务的发布/部署/维护过程

...365网络服务环境中的一些非脆性发布过程技术。将代码从开发环境发布到关键生产环境的一些您最喜欢的方法是什么?这不仅包括代码更改,还包括数据库架构更改。让我们假设一切都经过测试并在开发环境的生态系统中获得好... 查看详情