JOYO的模版在17“英寸下是四列；14”，15“小屏幕显示下面居然是所有1列

2016-07-07 16:40 来源：www.chinab4c.com 作者：ecshop专家

我的网站http://www.firefoxfire.com 用的JOYO模版
首页的“精品”、“热荐”、“新品”在17英寸的大屏幕下显示的
每行四个商品，显示正常。


但是在15英寸的小屏幕下显示的就是一行 一个商品，一长列下来，太难看了。


不知道要如何解决？

（补充说明：我已经改过代码，将其设置为无论在任何分辨率下，都是每行4个商品。）

回答：
用像素指定宽度不要用百分比，屏幕小了会有个横向的滚动条

.product-list li {
list-style:none;
margin-bottom:5px;
float:left;
width:24.5%;


我将STYLE.CSS里面的width:24.5%;
该为40，还是不行。更糟了。

他的意思是最外面的框框给个宽度。

可是我还是不会。能否请QingHou (芙)大侠，详细讲讲。不胜感激！

你这个 24.5% 是<li>；而且最好加上单位 40px
就是要改最外面的框框；应该在头部Lib里面

我17寸的也是一排哦

汗...不知道你的css是怎么给定义的...

.product-list li {
list-style:none;
margin-bottom:5px;
float:left;
width:24.5%;

24.5%改成了130PX


但是在有的电脑17“，15”显示的是正常的 ；但在有的电脑（包括17“）显示下面还是
一行 一个商品，一长列下来 。

不是改这个24.5%；你问一下模板的提供者吧

芙妹给好好回答一下阿.

不改了。用10月3日的style.css替换一下。变成原来的一行3个。四个太拥挤了。


大家帮我看看还正常不？www.firefoxfire.com

我这里显示正常。

我这里显示的不正常...似乎中间的区域太宽了,把右边的给挤到底下去了!