“模板内文字描述01”的表格问题


“模板内文字描述01”的表格问题
1. “模板内文字描述01”内插入表格后右边的部分在eBay详情页显示不完整

这是因为表格太宽,所以阻碍了其他所有内容的显示,表格的最佳宽度为750px,超过750px就可能无法完全显示

如果不能直接在插入表格的地方修改宽度的话,可以点左上角的“原始码”,找到table元素,在width的部分把宽度设置为750px,记得要在“原始码”的状态下点击“确认”才能成功保存。

2. 表格内混用了文字和图片,最后的结果不是自己设计的那样?

由于使用了像素来控制表格的宽度和表格内单元格的宽度,所以当操作员对表格、单元格、文字和片尺寸的把握失当的时候,最后的结果不一定是操作员想要的。

此时推荐使用百分比来控制所有的尺寸。

涉及到的元素:表格、单元格、文字、图片

如果把表格当做一个大容器来看的话,则里面的单元格就是装在大容器里面的一个一个小容器,而文字和图片则是装在单元格里面的一个一个小物件。

在设计每一个元素的百分比尺寸的时候,要注意它所在的上一级元素的尺寸。

-------------------------------------------------------------------------------------

将表格的尺寸设计为100%,则该表格会占据它所在的页面宽度的100%

--如果该页面的宽度为800像素(SoldEazy模板的电脑版宽度),则查看电脑版模板的时候,会发现该表格的尺寸为800像素。

--如果该页面的宽度为300像素(SoldEazy模板的手机版宽度),则查看电脑版模板的时候,会发现该表格的尺寸为300像素。

 假设该表格有两个竖列,左列尺寸为30%,右列尺寸为70%

--如果该表格的宽度为800像素,则左列宽度为240像素,右列宽度为560像素

--如果该表格的宽度为300像素,则左列宽度为90像素,右列宽度为210像素

 假设左列有个单元格,里面的图片宽度设计为100%,高度留空

--如果该单元格宽度为240像素,则该图片宽度为240像素,图片大小会等比例缩放

--如果该单元格宽度为90像素,则该图片宽度为90像素,图片大小会等比例缩放

-------------------------------------------------------------------------------------将表格的尺寸设计为60%,则该表格会占据它所在的页面宽度的60%

--如果该页面的宽度为800像素(SoldEazy模板的电脑版宽度),则查看电脑版模板的时候,会发现该表格的尺寸为480像素。

--如果该页面的宽度为300像素(SoldEazy模板的手机版宽度),则查看电脑版模板的时候,会发现该表格的尺寸为180像素。

 假设该表格有两个竖列,左列尺寸为30%,右列尺寸为70%

--如果该表格的宽度为480像素,则左列宽度为144像素,右列宽度为336像素

--如果该表格的宽度为180像素,则左列宽度为54像素,右列宽度为126像素

 假设左列有个单元格,里面的图片宽度设计为100%,高度留空

--如果该单元格宽度为144像素,则该图片宽度为144像素,图片大小会等比例缩放

--如果该单元格宽度为54像素,则该图片宽度为54像素,图片大小会等比例缩放


如果不按照百分比,而是按照像素来设计的话,表格、单元格、文字、图片的尺寸全部都是定死的,无法根据实际情况进行适应。

***Fin***



文章ID編號: 234
已发布: Wed, May 9, 2018 11:08 AM
最后更新时间: Wed, May 9, 2018 11:08 AM
已发布: Holistic Tech [info@holistictec.com]

在线URL: https://www.soldeazy.com/support/article.php?id=234