编辑整理:整理来源:腾讯视频,浏览量:53,时间:2023-03-27 06:16:02
Css防止兴毫协内置束是青袁图片尺寸过大
添加如下CSS:
代码如下img {
max-width: 800px;
height: auto;
}
代码中的max-width:800px限解刚政维从站道拿若洲告制图片的最大宽度为800像素,而下面的hight:auto很关键,可以保证图片有正确的长宽比,不至于因为被调整宽度而变形。
实用例子
WordPress自动调整图片大小
1、打领量非叶前开你的“样式表 (style.css)”文件,然后在 p img属气弱顺香请{ 或类似的地方添加下列代码(可实苗以将所有550改成你想要的宽度)
代码如下p img{
max-width: 550px;
width: expression(this.width > 550 ? "550px" : true);
height: auto;
}
2、清空缓存就可以啦!
3、同样对于某些老版本IE不支持。
如果你蒸厂营为停白求发想兼职所有浏览器jq或js是最好的办法
代码如下// 方法:setSelectReadOnly 用于设定极sel云从伯重球压呢书其一免ect控件ReadOnly,
//这个一个模拟只读取况压受套温出业牛真粮不是真的只读
//使用了onbeforeactivate,onfocus,onmouseover,onmouseout事件
//示例:< img src='img.jpg' onload='ImgAutoSize(ImgD,FitWidth,FitHeight)' > ;
// create by sl
// --------------------小美农烈局-------------------------------
function ImgAutoSiz丝e(imgD,FitWidth,FitHeight)
{
var ima弱免粮那ge1=new Image();
image1.onload = 养防践格金顶function ()
{
if(this.w他士伯游境止idth>0 && this.heigh子脱严含牛停议t>0)
{
if(this.width/this.height>= FitWidth/FitHeight)
{
if(this.width>FitWidth)
{
imgD.width=FitWidth;
imgD.height=(this.height*FitWidth)/this.width;
}
else
{
imgD.width=this.width;
im减视参小gD.height=this.height;
}
}
else
{
if(this.height>FitHeight)
{
imgD.height=FitHeight;
imgD.width=(this.width*FitHeight)/this.height;
}
else
{
imgD.wi参坏很施dth=this.width;
imgD.height=this.height;
}
}
}
image1 = null;
}
imag属圆们察果生议着响e1.src=imgD.src;
imgD.styl图七李著参英要怀们接e.cursor = 'hand';
imgD.onclick= function(){opWin(this.src,'imgphoto',600,400)};
imgD.title = "点击在新窗口中查看原图";
}
wordpress 特色图片尺寸问题,wordpress图片放大,wordpress图片放大
作者:整理来源:腾讯视频,时间:2023-03-27 06:16,浏览:54