淘宝首页做出来的全屏海报超出屏幕!怎么让海报能自动适应屏幕的?? 50
做了个1920*550的全屏海报,做出来的海报超出屏幕的范围要用ctrl缩放才能看到全海报,要怎么设置代码还是怎么弄啊?!!!跪求大神指教,希望能QQ指导一下...
做了个1920*550的全屏海报, 做出来的海报超出屏幕的范围要用 ctrl 缩放才能看到全海报,要怎么设置代码还是怎么弄啊?!!!跪求大神指教,希望能QQ指导一下
展开
5个回答
展开全部
1、打开记事本把这代码复制粘贴在内做准备,也可用直接店铺装修的自定内容区。为了更好的看效果这用记事本。
<div style="height:600px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">
<a href="连接地址" target="_blank" style="width:1920px;height:600px;display:block;"> <img src="图片链接地址" style="border:none;" /></a>
</div>
</div>
</div>
2、现在修改代码链接地址,到卖家中心复制商品链接地址粘贴覆盖链接地址。再到空间复制海报链接地址覆盖图片链接地址,复制好待用。
3、进入店铺装修添加个自定义内容区。
4、添加完成后点击编辑,在显示标题选择不显示。点击<>编辑源代码,将复制好的代码粘贴里面,点击确定完成。
5、最后再介绍一下代码位置与修改。海宽用1920px。高度400到600像素不等。修改代码高要和海报图片一样。
6、再看一下自定义内容区高度设置效果对比。
7、一切设置好,预览没发现问题,就点击发布。
<div style="height:600px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">
<a href="连接地址" target="_blank" style="width:1920px;height:600px;display:block;"> <img src="图片链接地址" style="border:none;" /></a>
</div>
</div>
</div>
2、现在修改代码链接地址,到卖家中心复制商品链接地址粘贴覆盖链接地址。再到空间复制海报链接地址覆盖图片链接地址,复制好待用。
3、进入店铺装修添加个自定义内容区。
4、添加完成后点击编辑,在显示标题选择不显示。点击<>编辑源代码,将复制好的代码粘贴里面,点击确定完成。
5、最后再介绍一下代码位置与修改。海宽用1920px。高度400到600像素不等。修改代码高要和海报图片一样。
6、再看一下自定义内容区高度设置效果对比。
7、一切设置好,预览没发现问题,就点击发布。
展开全部
以电脑客户端为例,图片要求:
1、大小≤3MB;
2、宽高无强制要求,展示效果您自己把控;
举个例子:700*700可以,750*1000也可以;
3、建议“正方形”图片(即1:1的宽高);
4、上限5张(部分类目第五张的位置要求传白底图)
备注:
1、若图片宽高为700*700或以上,详情页会自动提供放大镜功能;
2、图片空间支持上传gif格式,但发布页、详情页均不支持使用和展示。
扩展资料
手机端描述图文要求如下
1、480px≤图片宽度≤1500px(手机端图片宽度建议上传750px),0<图片高度≤2500px;
2、图片大小≤10M;
3、文字字数≤5000字;
4、摘要≤140字
5、音频:目前不支持。
温馨提示:
若导入电脑端描述或是直接上传的图片宽高度超过了限制的,系统自动回等比例调整至要求内,有可能会出现图片宽高度显示变形等问题,建议最好上传时调整好宽高度,未超过限制系统不会修改。
参考资料来源:淘宝-手机端详情图片的尺寸要求是什么?
参考资料来源:淘宝-主图图片格式/大小要求是什么?
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
首先需要说明,它是无法自适应的,因为网页是用框架固定死的。当然我们也有办法解决。
淘宝的固定宽度是950(具体你去自己测下,现在淘宝商城和普通店铺有改动,我记得是990来着,忘记了)
你设计的时候,可以按1920设计,但是主要内容放在固定宽度(比如950)上,950以外的地方,注意和950边缘衔接,他们需要都是纯色的,设计完毕,将950以为设定为背景色。好像说复杂了,我实在不知道怎么解释,我下面用另外一个解释方式吧。
你看到人家的自适应,其实是两个“东西”叠加的效果。一个是淘宝首页的广告画,它是950宽度。然后淘宝可以设定一个背景色,它能设定无限宽……明白了么?当店铺广告画和背景色叠加一起,只要广告画背景色和店铺背景色一致,那么它就能自动适应了
淘宝的固定宽度是950(具体你去自己测下,现在淘宝商城和普通店铺有改动,我记得是990来着,忘记了)
你设计的时候,可以按1920设计,但是主要内容放在固定宽度(比如950)上,950以外的地方,注意和950边缘衔接,他们需要都是纯色的,设计完毕,将950以为设定为背景色。好像说复杂了,我实在不知道怎么解释,我下面用另外一个解释方式吧。
你看到人家的自适应,其实是两个“东西”叠加的效果。一个是淘宝首页的广告画,它是950宽度。然后淘宝可以设定一个背景色,它能设定无限宽……明白了么?当店铺广告画和背景色叠加一起,只要广告画背景色和店铺背景色一致,那么它就能自动适应了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2014-11-11
展开全部
同问。因为是用笔记本来设计店铺,用了那个固定背景的代码设置好背景图后,问题来了,因为笔记本是1440的宽,如果用1440宽的图做背景,那么别人是1920或以上分辨率的屏幕打开店铺看到的背景图就会很粗糙不够精致。如果直接用1920的图,但因为笔记本是1440分辨率,那么就会出现像楼主这种情况,只会生成一部份背景。别人1920分辨率看到的也只是一部份,因为设计者的电脑的分辨率确认了背景图显示的多少。
代码以下:
body{background-image:url(背景图片链接);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;}
代码以下:
body{background-image:url(背景图片链接);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2015-06-01
展开全部
淘宝交流学习平台!推荐你去荷7塘8月色3伦坛
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询