PageAdmin CMS网站管理系统官方论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

请xiyou帮忙看下 [复制链接]

1#
用了你们的摄影模板,首页的图片展示大小不一样啊,如图,请问在哪里设置统一的高度。谢谢了

分享 转发
TOP
2#

你这应该用的是响应式模板,响应式模板的图片不能设置高度,设置之后缩小或放大图片容易变形,解决你这个问题最好是图片一样大小
TOP
3#

这个只是首页的标题图片,变形无所畏,麻烦你给我说下在哪里修改,谢谢了!!
TOP
4#

主要看你用的是哪个模型,才好修改,或者你自己右键点击图片,查看元素,可以看到他是在哪个css文件,还有知道他的class,根据他的class在comm.css文件中查找,找到后,添加高度就好,如果你熟悉css和html,操作就简单很多了
TOP
5#

我找到了,麻烦你帮我添加一下,谢谢老大
[code]/*作品展示模型*/
.pro-zpzs-box{clear:both;overflow:hidden;}
.pro-zpzs-box li{float:left;width:24.25%;margin-right:1%;margin-bottom:10px;}
.pro-zpzs-box li.right{margin-right:0%;}
.pro-zpzs-box li a{position:relative;display:block;width:100%;}
.pro-zpzs-box li a img{width:100%;height:auto;display:block;}
.pro-zpzs-box li span{display:block;position:absolute;left:0px;bottom:0px;height:25px;line-height:25px;padding:7.5px 0px;background:rgba(0,0,0,0.5);width:100%;font-size:16px;cursor:pointer;color:white;text-align:center;}
@media only screen and (max-width:640px)
{
.pro-zpzs-box li{width:49%;margin-right:2%;}
.pro-zpzs-box li.left2{margin-right:0px;}
}

.product_pic_infor{clear:both;overflow:hidden;margin-bottom:15px;}
.product_pic_infor .left{float:left;text-align:left;width:40%;margin-right:5px;overflow:hidden;border:1px solid #cccccc;}
.product_pic_infor .right{float:right;width:52%;padding:1% 3%;text-align:left;overflow:hidden;border:1px solid #cccccc;}
.product_pic_infor .left .view{padding:0px;}
.product_pic_infor .left .view img{width:97%;margin:0px auto;cursor:pointer;padding:1px;}

.product_pic_infor .left .thumbnails{float:left;text-align:left;width:99%;padding:0px;white-space:nowrap;overflow:hidden;margin-top:5px;}
.product_pic_infor .left .thumbnails ul{margin:0px 5px;}
.product_pic_infor .left .thumbnails ul li{float:left;width:25%;opacity:0.5;filter:alpha(opacity=50)}
.product_pic_infor .left .thumbnails ul li.current{float:left;opacity:1;filter:alpha(opacity=100)}
.product_pic_infor .left .thumbnails img{width:100%;height:auto;cursor:pointer;}
.product_pic_infor .left .thumbnails img.current{}
.product_pic_infor .left .leftbar{float:left;height:50px;width:10px;cursor:pointer;margin-right:5px;display:inline;background:url(images/left.gif) no-repeat left center;display:none;}
.product_pic_infor .left .rightbar{float:left;height:50px;width:10px;cursor:pointer;margin-left:5px;display:inline;background:url(images/right.gif) no-repeat left center;display:none;}

.product_pic_infor .title{display:block;line-height:26px;padding:23px 0px 12px 0px;margin-bottom:5px;font-size:30px;border-bottom:1px dotted #cccccc;}
.product_pic_infor .cpnr{color:rgb(102,102,102);display:block;padding:3px 0px;line-height:22px;}
.product_pic_infor .cpjj-box{text-indent:2em;color:rgb(102,102,102);line-height:25px;}
.product_pic_infor .info{text-align:right;padding:2px 2px 0 0;color:rgb(102,102,102);}
.product_pic_infor .detailtitle{display:block;width:100%;height:29px;padding:1px 0 0 15px;background:url(images/detailinto_title.jpg) repeat-x left top;}
.product_pic_infor .content{display:block;text-align:left;padding:10px 0 5px 0;width:97%}
@media only screen and (max-width:640px)
{
.product_pic_infor .left{float:none;width:99%;margin:0px auto 15px auto;}
.product_pic_infor .right{float:none;width:93%;margin:0px auto;}
}
[/code]
TOP
6#

图片只设定了宽度,相当于没高度是按比例自动缩放,所以,把以上代码css中img的样式指定一个统一的高度。
TOP
7#

好了,谢谢
TOP
发新话题 回复该主题