imgのサイズ指定をしているが反映されない状況。画像を拡大したい

Question

添付画像のNopictureの画像を
下の方へ表示を拡大させたいのですが、反映されず

    .thumbnail img{
    width: 100%;
    height: auto;
}

を入力してみたのですが、やはり反映がされません。

imgのサイズ指定以外に、不足してる指定があれば
教えてください。

@media(max-width:779px){
.thumbnail {
    background-color:#ffffff;
    border: 1px solid;
    border-color: #afaeae;
    width: 48%;
    height: auto;
    text-align: center;
}
    
}
@media(min-width:780px){
.thumbnail {
    background-color:#ffffff;
    border: 1px solid;
    border-color: #afaeae;
    width: 100px;
    height: 100px;
    text-align: center;
}
    
    .thumbnail img{
    width: 100%;
    height: auto;
}

 <!-- 商品一覧(一覧形式の例) -->
    <{section name=key loop=$goodslist}>
        <!-- 1商品ずつの定義 -->
        <div class="goodslist_box">
        <table border="0" width="100%"><tr valign="top">
            
        <td width="100%" align="center"><div class="thumbnail"><a href="<{$goodslist[key].url}>"><{if $goodslist[key].thumbnail}><img src="<{$goodslist[key].thumbnail}>"><{else}><img src="/tpl_img/proto_ja/nopic100.gif"><{/if}></a></div></td>
            
        <td>
        <a href="<{$goodslist[key].url}>"><{$goodslist[key].name}><{if $goodslist[key].num != ''}>(<{$goodslist[key].num}>)<{/if}></a><{if $goodslist[key].embargo}>&nbsp;*不能发送到日本以外的国家<{/if}><br>
        <{$goodslist[key].price2}>&nbsp;<{$tsuka_tani}><br>
        <{$goodslist[key].setsumei|mb_truncate:50}>
        <!-- カートボタンフォーム -->
        <div align="right">
        <form action="<{$cart_acturl}>" method="post">
        <{$goodslist[key].cart_hidden}>
        <{section name=key2 loop=$goodslist[key].opt}>
            <{$goodslist[key].opt[key2].name}>
            <select name="goods_opt[]">
            <{html_options values=$goodslist[key].optv[key2].id output=$goodslist[key].optv[key2].name}>
            </select><br>
        <{/section}>
        <!-- 在庫がない時はカートボタンを表示しない -->
        <{if $goodslist[key].zaiko_flag && $goodslist[key].zaikosu <= 0}>
            *没有库存
        <{else}>
            订购数量:<input type="text" name="kosu" size="4" value="<{$goodslist[key].min_kosu}>"><{$goodslist[key].tani}>
            <input type="submit" value="装进购物车">
        <{/if}>
        <!--// 在庫がない時はカートボタンを表示しない -->
        </form>
        </div>
        <!--// カートボタンフォーム -->
        </td>
        </tr></table>
        </div>
        <!--// 1商品ずつの定義 -->
    <{/section}>

Comments

[Lhankor_Mhy]

スクリーンショットを拝見すると、td.thumbnail の幅が 302.733px となっていますが、ご提示のCSSでは width: 100px となっていますので、そのようになるのは少しおかしいと思います。
そのスクリーンショットを取った時のスクリーン幅はどうなっていましたか？

Answer 1

メディアクエリの外にある
img {
border:0px;
width: 100%;
height: auto;
}

を記述したことでサイズが大きくなりました。