`
cuijiemin
  • 浏览: 265396 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

各浏览器img默认占位大小

阅读更多

IE Firefox(Q) Firefox(S) Opera Safari Chrome offsetHeight offsetWidth
30px 24px 19px 16px 0px
28px 24px 0px 34px 0px

为了防止这种无 "src" 的 IMG 元素对页面产生布局影响,需要设置这种 IMG 的 ‘display’ 特性为 'none

同样object的默认尺寸


在 IE 中 OBJECT 有默认的内在尺寸,宽度和高度均为 16px;Chrome Safari 中这个内在尺寸为宽度和高度分别为 300px、150px;在 Firefox Opera 中,则没有内在尺寸。

分享到:
评论

相关推荐

    图片加载失败显示默认图片占位符方法

    浏览器会用图片的alt值代替当前图片位置 但是现实中我们往往需要默认的内容来代替加载失败的图片 用以提示用户图片加载失败等信息 怎么办呢,今天懒人站长特意给大家推荐了这样一个方法: onerror=...

    HTML 图片不存在则显示一个默认图片

    为了解决这个问题,开发者通常会使用一种技巧,即当指定的图片不存在时,显示一个默认的占位图片。这个技术可以通过HTML的`<img>`标签和`onerror`事件属性来实现。 首先,我们来看`<img>`标签的基本结构: ```html...

    图片预加载、占位背景图jquery plugin

    jQuery预加载插件的工作原理是,创建`<img>`元素并设置其`src`属性为需要加载的图片URL,浏览器会自动开始下载图片,而无需等待其他脚本执行完毕。 这个特定的jQuery插件可能提供了以下特性: 1. **批量预加载**:...

    html图片占位符插件holder.js.rar

    占位符的文本默认是“holder.js”,但可以通过`text`参数自定义: ```html <img data-src="holder.js/300x200?text=你的文本" alt="300x200占位符,文本为'你的文本'"> ``` **颜色和主题** Holder.js不仅限于灰色...

    js去除浏览器默认底图的方法

    标题中提到的关键技术是“js去除浏览器默认底图的方法”,这是前端开发中经常遇到的问题,尤其是在页面载入图片时,往往会出现浏览器自带的占位图片或者预览图。这些默认图片的存在可能会干扰用户体验,尤其当设计师...

    vue图片加载失败时用默认图片替换的方法

    例如,当用户上传的图片无法显示时,系统可以自动展示一个默认图片,如“未上传头像”或“暂无图片”的占位符,使界面看起来更加整洁和专业。 总结来说,Vue中处理图片加载失败的方法主要是通过绑定`error`事件并...

    解析img图片没找到onerror事件 Stack overflow at line: 0

    - 可以完全删除 `onerror` 属性,让图片在加载失败时显示默认的占位符。 - 或者,你可以改变 `onerror` 的行为,例如指向一个确定存在的图片,或者执行其他操作,比如显示一个提示信息。 2. **使用闭包或独立函数...

    加载图片源代码加载图片源代码加载图片源代码

    图片默认设置为低质量占位图,当图片进入视口时,再替换为真实图片。使用Intersection Observer API可以实现这一功能: ```javascript let observer = new IntersectionObserver((entries) => { entries.forEach(...

    【JavaScript】图片延迟加载方案1

    1. 基本思想:默认情况下,网页中的图片不会立即加载,只有当用户滚动到图片所在区域时,图片才会被请求并显示出来。这样可以减少首屏加载时间,尤其是对于包含大量图片的页面,可以显著提升加载速度。 2. 实现机制...

    resize-image-loader:用于webpack的响应式图像加载器

    现代浏览器在img标签上还有一个名为srcset 。 如果支持srcset则浏览器将使用设备的srcset和像素密度来确定最佳下载图像。 较旧的浏览器将默认恢复为正常的src映像。 这将大大缩短页面加载时间和首次渲染时间,同时...

    JS实现图片延迟加载(缓冲),非常实用

    通常,我们会为图片元素设置一个默认的占位符,如一个空白的`<img>`标签或一个加载指示器。然后,我们用JavaScript监听滚动事件,当图片进入浏览器的视口时,替换占位符为实际的图片源URL,从而触发图片加载。 以下...

    微信小程序 图片边框解决方法

    在HTML中,`<img>`标签如果没有指定`src`属性或者`src`为空,浏览器为了显示占位符,会绘制一个默认的边框,通常是黑色的,以此表示这是一个图像占位符。在微信小程序中,由于其基于WXML和WXSS的渲染机制,这个问题...

    Broken.js:小脚本,用占位符替换损坏的图像。 在浏览器上进行快速线框图的理想选择

    默认情况下,Broken.js 可能会使用一种预设的占位符样式。但你也可以根据自己的需求进行定制。例如,你可以改变占位符的背景颜色、边框样式等。在引入 Broken.js 之前,可以设置全局变量来自定义占位符样式,如: `...

    网站开发技巧-个人三年遇到的一些CSS经典问题及解决方法

    4. **图像元素下的空白问题**:在某些情况下,img元素下方会出现多余的空白,这通常是因为浏览器默认的行高或内外边距引起的。img图片元素下多余空白解决方案.doc解释了这个问题并给出了消除空白的方法。 5. **DIV...

    javascript 实现懒加载效果

    接下来,CSS可以用于提供默认的占位符或预加载效果,比如用一个灰色的占位框或者一个加载动画。例如: ```css .lazy { width: 100%; /* 图片的宽度 */ height: auto; /* 自动调整高度 */ background-color: #f5...

    select样式

    2. `img_blank.gif`:这个文件可能是一个透明的占位符图像,有时在CSS布局中用来调整元素的尺寸或作为某些效果的辅助元素。 3. `select.htm`:这可能是一个包含示例HTML代码的文件,展示了如何应用自定义select样式...

    html5基础教程常用技巧整理

    这一改动旨在简化代码,因为大多数情况下,浏览器默认解析这些标签内嵌内容的类型。因此,可以简单地写作和<script src="script.js"></script>。 5. 是否使用双引号 HTML5允许开发者在标签中省略双引号,尽管出于...

    Jquery 图片 lazyload

    3. **占位符**:为了保证页面布局的正常,未加载的图片通常会有一个占位符,例如一个固定大小的灰色背景,或者一个小尺寸的默认图片。 **二、jQuery实现图片懒加载步骤** 1. **HTML结构**:首先,我们需要在HTML...

    lazyload.js演示页面

    1. **设置图片宽高**:由于`lazyload.js`默认使用一像素的占位符,如果未设置图片的实际宽高,浏览器可能会认为所有图片都是1像素大小。因此,为了防止图片在滚动时提前加载,每个图片元素应预设正确的宽度和高度。...

    ASP.NET图片预加载 实例

    同时,可以添加一个默认的占位符图片以提升用户体验。 ```html <img data-src="images/lazy-image.jpg" class="lazy" alt="懒加载图片"> ``` 3. **配置插件**:在文档加载完成后,初始化`jQuery.lazyLoad`,设置...

Global site tag (gtag.js) - Google Analytics