`

图片尺寸过大时会撑开页面解决方法

    博客分类：
  • html
IECSS 
阅读更多 
/* 防止img过大撑开 */
img{
	max-width:1002px;/* Other */
	_width:expression((this.offsetWidth > 1002) ? "1002px" : this.offsetWidth+"px" );/* IE */
}
分享到：
java.lang.IndexOutOfBoundsException
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    网页表格或div层在网页中被撑开解决之道

    当表格或div容器内的内容（如图片、文字）过大时，如果不进行适当处理，会导致整个页面布局失衡，影响用户体验。以下是一些解决这个问题的有效方法： 1. **限制图片大小**：通过在HTML代码中设置`<img>`标签的`...

    基于jquery的防止大图片撑破页面的实现代码(立即缩放)

    这是因为图片按照原始尺寸加载会导致页面布局被撑开，尤其是当图片尺寸远大于页面容器尺寸时，破坏性尤为明显。所以，为了避免这种情况的发生，需要采用一些技术手段对图片进行自适应处理。 ### 知识点二：传统图片...

    浏览器兼容性问题

    - **解决方法**：建议使用CSS来控制元素的尺寸，避免使用JavaScript直接修改元素的宽度和高度。 #### CSS兼容性问题 ##### 1. cursor:hand vs cursor:pointer - **问题描述**：在IE中使用`cursor:hand`，而在Fire...

    css+js完美控制图片大小

    而若不设置固定大小，则图片可能过大导致页面内容被撑开，甚至影响整个页面的布局效果。为此，通过CSS和JavaScript相结合的方式可以实现对图片尺寸的完美控制，让图片在页面上既能等比例缩放以适应设定的区域，又能...

    css 图片自适应宽度 CSS实现控制图片自适应显示宽度代码

    在网页设计中，保持图片的自适应性是非常重要的，尤其是当用户上传的图片尺寸过大时，如果不进行适配，可能会导致页面布局混乱，影响用户体验。CSS（层叠样式表）提供了一些方法来解决这个问题，使得图片可以根据...

    WEB标准教程

    通过设置适当的CSS属性，如`max-width`和`height:auto`，可以确保图片在不同屏幕尺寸下保持比例不变，同时结合`overflow:hidden`，可以避免图片过大撑开布局的情况发生，提升网页的整体美观度和响应式设计能力。...

    ie6,ie7兼容性总结

    **问题描述**：在Firefox中，如果为容器设置了`height`属性，则该容器的尺寸将不会被内部内容撑大，即使内容超过了容器的高度限制。但在IE下，容器会被内容撑大，高度限定变得无效。 **解决方案**：尽量避免给容器...

    自己用html+css仿写的淘宝，可以用来交作业，应付期末考试用

    9. 清除浮动：在使用浮动布局时，可能会遇到父元素高度无法自动撑开的问题，可以使用`clear:both`或`clearfix`方法来解决。 总结来说，通过HTML和CSS的综合运用，可以创建出具有淘宝风格的页面，实现基本的布局和...

    浏览器兼容性汇总

    **解决方案**: 确保元素具有明确的尺寸和位置，使用绝对定位或固定定位。 ##### 15. float的div闭合;清除浮动;自适应高度 - **IE**: 浮动元素可能导致父元素高度塌陷。 - **Firefox等其他浏览器**: 通常表现一致。...

    网页设计个人总结(3).doc

    例如，作者遇到了图片因大小未定义导致布局被撑开的问题，通过重新定义元素大小和设置边框值，成功调整了图片的位置，保持了整体布局的稳定。 其次，作者提到了网页背景和部件的调整，这涉及到色彩搭配和元素对齐。...

    学习WEB标准总结的一些CSS/XHTML知识小结第1/3页

    5. **避免硬编码尺寸**：尽可能不给元素设定固定的高度和宽度，让内容自动撑开高度，宽度默认为100%。这样可以提高页面的灵活性。 6. **设置背景图片和颜色**：若要同时设置背景图片和颜色，应先定义背景图片，然后...

    css实现瀑布流空白处背景粉色背景块

    在CSS布局设计中，瀑布流（Masonry Layout）是一种常见的网页元素排列方式，它使得页面中的元素能够根据屏幕尺寸自适应地填充空间，通常用于图片展示。在这个问题中，我们探讨如何利用CSS来实现一个瀑布流布局，并在...

Magicbox
Global site tag (gtag.js) - Google Analytics