1

モバイル用の Justin Tadlock の Grid Columns プラグインのスタイルを設定しようとしています。ソース: https://github.com/justintadlock/grid-columns

.column-grid .column width私のcssファイルでは、モバイル用をフルに設定し、幅をリセットしたいと思いますmin-width: 768px

.column-grid .column {
    float: left;
    margin-right: 5%;
    margin-left: 0;

    }

@media only screen and (min-width: 768px) {
.column-grid .column {

    }
}

width: 100%vswidth: autoとdisplay: blockvsを試しdisplay: inlineました。しかし、それはうまくいきませんでした。

.column-grid .column実際の列幅はラッパー内で設定されることに注意してください。

これを賢く行う方法に関する提案はありますか？

4

2 に答える 2

0

プラグイン CSS をスタイルシートにインポートしました。

@media (min-width: 48em) {(768px)。

次に、同じコンテンツを 2 回提供する必要がないため、プラグインがエンキューするスタイルシートの登録を解除しました。

function remove_grid_columns() {
    wp_dequeue_style( 'grid-columns' );
}
add_action( 'wp_print_styles', 'remove_grid_columns' );

(HTTP リクエストが 1 つ減りましたね!) これが最善の方法だと思います。グリッド列が更新された場合にスタイルシートを更新することを忘れないでください。しかし、私は SASS を使用しているので、プラグインが更新された場合は、更新された columns.css を grid_columns.scss ファイルに入れます。

于 2014-06-17T10:43:50.880 に答える