关于在项目中遇到的一些兼容性问题----img

最新推荐文章于 2021-12-19 20:30:19 发布
原创 最新推荐文章于 2021-12-19 20:30:19 发布 · 791 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文解决IE7及以下版本浏览器中img标签下方出现4像素空白间距的问题,提供了三种解决方案:使用vertical-align属性调整、通过CSS hack清除间距以及设置display属性为block。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

直接插入img 标签的时候会发现在img 下面生成一个4像素的空白间距

出现问题浏览器 ： ie7以下

解决方案：

1，<img src="images/qixi/images/qixi_banner1.jpg" width="1000" height="130" alt="" style="vertical- align:bottom"/> 在img中插入 vertical-align:bottom/top...神马的都可以

2，hack img{ *+margin-bottom:0px; margin-bottom:-4px;}

3，display:block


aisjimoxue
关注
开发中遇到的一些兼容性问题总结
一条会流泪的鱼
10-08 586
1.首页meta标签 <!--主要I是强制让文档的宽度与设备宽度保持1:1，最大宽度1.0，禁止屏幕缩放。--> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"> <!--这个也是iphone私有标签，允许全屏...
关于项目当中遇到的兼容性问题
qq_43340606的博客
12-03 217
1. 360浏览器账号密码表单自动填充问题 解决方案(仅针对360极速浏览器)： 1. 设置唯一name名 2. 设置唯一auto-complete名 3. 添加readonly属性, 聚焦时移除该属性 , 失焦添加该属性 2.elementui el-tooltip，在弹框之后再次出现的问题 场景:elementui el-tooltip有个bug就就是当有模态确认框的时候，el-tooltip会再次出现，经过一系列问题的排查，是由于tooltip会默认给dom元素一个tabin...
项目中遇到的兼容性问题
zxw305的博客
06-23 2007
1、百度、QQ浏览器拨打电话问题 场景： 使用标签 tel:协议，一键拨打电话功能下，正对含有分机号的情况，通常是拨打分机号后需以“#”结束， App端能识别“#”，IOS、Android操作系统上的部分浏览器上不能识别“#”，将其解析成“%23”， 或者不识别“#”。 解决方案： 经查证浏览器解析该字符是会进行转码成16进制字符，经实践，将“#”字符写成“%2
IE兼容性问题总结（项目中遇到的）
xujiezi的专栏
07-07 1083
1.console.log 在IE6,7,8下不支持。在IE9下若不打开控制台，会出现代码阻断问题。（所以，当打开控制台后在IEbug消失，可能是由于console.log导致的）。 2. 当在debugger;的情况下，原本出现的bug消失了，说明是由于延迟（debugger;相当于）bug消失，此时，肯定是由于另一个地方的代码和此处的代码设置了类似的东西因冲突而导致了bug. 3. 遮挡OC
项目开发中常见兼容问题
weixin_43990297的博客
11-06 693
1. button标签里面包裹a标签，在IE浏览器上会出现兼容问题 问题描述： a标签会被隐藏不显示 解决方案: 将button标签直接替换成a标签，不要包裹了 在button标签上用onClick事件来进行页面跳转<button οnclick="window.location.href('/jsp/manage/manage-context.jsp')" ></button...
详解vue-cli 构建Vue项目遇到的坑
11-30
4. **Vue 页面在 phonegap 编译的 Android App 中的兼容性问题**： 旧版本的 Cordova Android（如 4.0 以下）的默认 WebView 不支持 ES6，这可能导致 Vue 应用出现问题。为解决这个问题，可以使用腾讯浏览服务 X5 ...
使用electron将vue-cli项目打包成exe的方法
10-17
如果在打包和运行过程中遇到问题，可以查阅相关文档和社区反馈进行问题解决。 需要注意的是，打包成exe文件的过程，并不是简单的导出操作，而是一个将Web应用程序转换为独立桌面应用程序的过程，因此，你必须确保...
Node.js-email-templates用于在Node.js中创建预览和发送自定义电子邮件模板
08-10
2. **自动内嵌CSS**：为了解决CSS在邮件客户端中可能遇到的兼容性问题，`email-templates`支持自动将CSS内联到HTML元素中，确保邮件在各种阅读器中的显示效果一致。 3. **样式表与嵌入图像**：除了内联CSS，该库还...
web开发：多端协同与兼容性--前端开发中的多终端适配与兼容挑战
# 1. 多终端适配与兼容性概述 ## 1.1 前端开发中的多终端适配需求和挑战 随着移动互联网的快速发展，用户在不同终端设备上访问网页的需求日益增加...- **浏览器兼容性**：不同终端设备上的浏览器可能存在兼容性问题，
Vue.js轻量级相册组件v-img的安装与使用指南
3. 良好的兼容性：v-img 设计上兼容主流浏览器，确保在不同环境下都能提供一致的用户体验。 4. 轻量化：v-img 力求在保持功能丰富的同时，尽可能地减少文件大小，减少对页面加载性能的影响。 5. 集成 Vue.js 生态...
img 兼容问题 css图片与图片之间总是会存在缝隙
weixin_30838921的博客
08-06 328
解决方案： 法宝一：定义图片img标签vertical-align:bottom，vertical-align:middle，vertical-align:top。 img{vertical-align:bottom;} 至于HTML属性align=”center”（对于图片浏览器会处理成align=”middle”）的解决办法，就相当于vertical-align:middle...
android img标签属性_IOS和android兼容性问题分析
weixin_39571938的博客
01-04 560
作者: xteamer成员: shuaiyin【摘要】今天给大家分享一下自己在实际开发中，所遇到的移动端IOS和android兼容性问题。其实本人在最初开发的时候，很容易忽略的就是IOS的问题，例如：时间格式的显示问题。相信很多初级开发者都会有这样的经历，在IOS手机上，会看到显示NaN的页面。这就是IOS不兼容时间格式问题所导致的。实际开发过程中还有很多的兼容性问题，会一一列举出来。以后有新的关...
img标签显示图片信息的兼容写法
del1214的专栏
09-11 2171
在的img标签有两个属性分别为alt和title，对于很多初学者而言对这两个属性的正确使用都还抱有迷惑，当然这其中一部分原因也是ie浏览器所导致的。正确的使用这两个属性除了可以提高图片的搜索能力外，在用户体验上也是很有帮助，下面就来说说alt和title的概念与正确使用。
控制APP端，各种浏览器兼容问题，自适应尺寸
liuzp111的专栏
08-26 971
 jquery-1.8.2.min.js"> application.function.js"> *{margin:0;padding:0;} ul,ol,dl,dt,dd,p{margin:0 auto;padding:0px;} body{font-family:'Microsoft Yahei','黑体-简','XinGothic-SinaWeibo','S
手机端的浏览器适配问题的心得
qq_36309066的博客
12-06 1413
[javascript] view plain copy            var browser = {               versions: function () {                   var u = navigator.userAgent, app = navigator.appVersion;
heic格式的图片h5显示
热门推荐
qq_41921994的博客
05-26 1万+
#系统升级 yum update #安装EPEL yum install epel-release #从EPEL软件包厂库下载安装FUSE yum --enablerepo=epel -y install fuse-sshfs # install from EPEL
兼容性问题的总结
weixin_30456039的博客
03-19 72
一、img标签会在IE浏览器里自动的添加border：所以在开始最好就加上属性img{border:0;}; 二、img在IE浏览器中会出现空白：添加display：block属性就可以解决； 三、margin加倍的问题：设置为float的div在IE6下设置的margin会加倍（在IE7、8、9、10、11下不会）。这是一个ie6都存在的bug。 解决方案是在这个div里面加上di...
【ZeloEngine】ImGui汇总
游戏编程扯淡精粹
12-19 4508
【ZeloEngine】ImGui汇总 ImGui 如何开发/编程指南 ImGui基本原理 ImGui框架概念 ImGui接口 脚本绑定接口 脚本薄封装框架 参考项目 痛点 原理学完只是第一步，我们要铺量去写UI，那工具链要是完善的 目前抄了几个界面后的痛点是：对接口不熟悉，查接口要跳很多文档 理想的状态是：Model数据结构=》设计粗略View展示Model=》转换成代码=》迭代交互和样式 接口文档 https://blog.youkuaiyun.com/zolo_mario/article/deta
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值