CSSスタイルシートで固定幅からパーセンテージ幅に移動するにはどうすればよいですか？

Question

ビューポートのサイズを640ピクセル以下に変更すると、divが反応して画面の100％の幅に調整されます。だから私は

div.mypanel { 
    position: absolute; 
    top: 0; 
    right: 0; 
    min-height: 100%; 
    width: 570px; 
    z-index: 3; 
    margin: 0; 
    overflow-x: hidden; 
    border-radius: 10px 0px 0px 10px; 
    border: 1px solid #00295E; 
} 
@media screen and (max-width : 640px;) { div.mypanel { width : 100%; } } 

唯一の問題は、div.mypanelがパーセンテージである幅に設定されていない限り、動作するようには思えない、と私はパーセンテージをしたくない...で、このCSSを書きました。

これはCSSの不明確な定義によってはどういうわけか許可されていませんか？

Answer 1

max-widthの後に;があるため、メディアクエリの構文が正しくないため、機能しません。それを削除し、期待どおりに動作するはずです。

JSFiddle