网站的内容页面,经常要放图片,如果图片太大会撑出,影响页面美观。如果只是用css限
制图片的最大宽度,会引起图片的变形,本文建议还是用js来实现,实现方式如下:
<script language="javascript" type="text/javascript"> window.onload = function () { //判断图片大小,超过一定宽度,要通过js定义图片大小 $.each($(".sec-content img"), function (i, v) { if (v.width > 740) { v.width = 740; //重定义编辑器自带的宽度 v.removeAttribute('height'); //移除编辑器自带的图片高度 } }); } </script>
注意,引用本方法前前先引入jQuery。$(".sec-content img")这里是文章内容中的图片筛
选。
相关推荐
1、利用max-width,max-height使图片等比例自动缩放代码: 代码如下: img{max-width: 600px;max-height: 800px;} 由于ie6不支持css max-width,max-height,所以在ie6中需要利用javascript脚本来控制大小。 2、用...
每个图表都支持缩放和拖动缩放,以及多个系列、系列、类型和比例。 什么是点燃用户界面? 是一种高级 HTML5+ 工具集,可帮助您创建令人惊叹的现代 Web 应用程序。 它基于 jQuery 和 jQuery UI,主要由功能丰富、高...
Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中, IE浏览器将获得Chrome的性能和功能 目录 摘要 I ABSTRACT II 专业名词清单 III 第一章 绪论 1 1.1 研究背景与意义 1 1.2国内外相关...
比如:多个元素浮动在一行中时,无法保证屏幕变小时,一行中的每个元素都自动等比例缩小。而是每个元素依然保持固定的宽度。就会导致,原本处在一行的元素,被挤压换行。 弹性布局就很好的解决了多种设备下自适应和...
building_construction: 与相比具有 :money_bag:目录用法部署部署脚本破坏发行版建筑学项目布局这个怎么运作组件方案组件开始和停止GitHub挂钩GitHub API 秘密经理GitHub跑步者跑垒员形象缩放比例放大缩小闲跑者幽灵...
Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...
bootcfg /default 设置默认引导项。 bootcfg /add 向引导列表中添加 Windows 安装。 bootcfg /rebuild 重复全部 Windows 安装过程并允许用户选择要添加的内容。 注意:使用 bootcfg /rebuild 之前,应...
正常运行时间监视器 (查看的)概述正常运行时间监视器在动态“波浪”折线图上向您显示远程机器的平均负载,以及在附近区域图上显示系统负载与 CPU ... 动画“波浪”图:现在一切都按比例缩放了,让我们从这些重绘中
以UI设计图为基准,适应好一个尺寸,理论上可以支持任意相似屏幕比例的屏幕 安装 npm: npm i react-scale-view或纱线: yarn add react-scale-view 演示版 纱线安装 纱线开始 故事书 纱线安装 纱线故事书 利用 1....
整个页面的布局也设计地十分奇怪,存在未充分利用空间,控制区字体过大等问题。 ……好消息是,当前雨课堂已经在开发适合大屏幕设备使用的网页版(v2)。坏消息是,新的网页版不支持直播与视频。不过———你是对...