淘宝首页做出来的全屏海报超出屏幕!怎么让海报能自动适应屏幕的??

2025-04-08 10:55:46
推荐回答(4个)
回答1:

1、打开记事本把这代码复制粘贴在内做准备,也可用直接店铺装修的自定内容区。为了更好的看效果这用记事本。


2、现在修改代码链接地址,到卖家中心复制商品链接地址粘贴覆盖链接地址。再到空间复制海报链接地址覆盖图片链接地址,复制好待用。
3、进入店铺装修添加个自定义内容区。
4、添加完成后点击编辑,在显示标题选择不显示。点击<>编辑源代码,将复制好的代码粘贴里面,点击确定完成。
5、最后再介绍一下代码位置与修改。海宽用1920px。高度400到600像素不等。修改代码高要和海报图片一样。
6、再看一下自定义内容区高度设置效果对比。
7、一切设置好,预览没发现问题,就点击发布。

回答2:

以电脑客户端为例,图片要求:

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、音频:目前不支持。

温馨提示:

若导入电脑端描述或是直接上传的图片宽高度超过了限制的,系统自动回等比例调整至要求内,有可能会出现图片宽高度显示变形等问题,建议最好上传时调整好宽高度,未超过限制系统不会修改。

参考资料来源:淘宝-手机端详情图片的尺寸要求是什么?

参考资料来源:淘宝-主图图片格式/大小要求是什么?

回答3:

首先需要说明,它是无法自适应的,因为网页是用框架固定死的。当然我们也有办法解决。
淘宝的固定宽度是950(具体你去自己测下,现在淘宝商城和普通店铺有改动,我记得是990来着,忘记了)

你设计的时候,可以按1920设计,但是主要内容放在固定宽度(比如950)上,950以外的地方,注意和950边缘衔接,他们需要都是纯色的,设计完毕,将950以为设定为背景色。好像说复杂了,我实在不知道怎么解释,我下面用另外一个解释方式吧。

你看到人家的自适应,其实是两个“东西”叠加的效果。一个是淘宝首页的广告画,它是950宽度。然后淘宝可以设定一个背景色,它能设定无限宽……明白了么?当店铺广告画和背景色叠加一起,只要广告画背景色和店铺背景色一致,那么它就能自动适应了

回答4:

同问。因为是用笔记本来设计店铺,用了那个固定背景的代码设置好背景图后,问题来了,因为笔记本是1440的宽,如果用1440宽的图做背景,那么别人是1920或以上分辨率的屏幕打开店铺看到的背景图就会很粗糙不够精致。如果直接用1920的图,但因为笔记本是1440分辨率,那么就会出现像楼主这种情况,只会生成一部份背景。别人1920分辨率看到的也只是一部份,因为设计者的电脑的分辨率确认了背景图显示的多少。

代码以下:
body{background-image:url(背景图片链接);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;}