1

デスクトップ ユーザーの場合は画面の右側に、モバイルの場合は下部にツールセットを設定するメディア クエリと対応する CSS があります。ただし、CSS プロパティをオーバーライドし、「左」と「右」の両方に 0 を割り当てます。私が間違っていることは何ですか？以下の firebug のスクリーンショットをご覧ください。

ここに画像の説明を入力

ここに私のメディアタグがあります：

 /* 
- Binds all layouts together with imports and mediaqueries.
*/

//@import "libs/reset.less";

@import "mediaqueries/global.less";
@import "mediaqueries/desktop.less";
@import "mediaqueries/mobile.less";



@media only screen and (min-width: 480px) {
.mqMobile; /* Use mix-in to make sure that the styles are expanded inside the     mediaquery */
}

@media only screen and (min-width: 992px) {
.mqDesktop; /* Use mix-in to make sure that the styles are expanded inside the    mediaquery */
}
4

2 に答える 2

0

U need to add media query in ur css file.

This will target all

    #toolset{
      float:left;
    }

This will target mobile

@media only screen and (max-device-width: 480px) {

     #toolset{
        float:right;
     }

}

Refer to this:

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

于 2013-04-17T17:49:17.800 に答える