コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > adaptive_html/css_WEB-ITnoseの実装方法

adaptive_html/css_WEB-ITnoseの実装方法

WBOY
リリース： 2016-06-24 12:08:44
オリジナル
1223 人が閲覧しました

マスターの皆さん、休んでください！ ！ ！

ブラウザウィンドウのサイズに応じてラベルの幅を調整するにはどうすればよいですか?
急いでいます。 。 。 。

たとえば、次のような Web サイト http://www.yohobuy.com/search?msort=2&misort=21&sort=124

その li はウィンドウのサイズに応じて変更できますが、li の位置はオフセットされません
実装方法については、お問い合わせください。 。


皆さんありがとうございます


ディスカッションに返信（解決策）

width:100%

jsによって制御されます

幅を調整するには2つの方法があります

1つは、特定の代わりにパーセンテージを使用することです2 つ目は、JS を使用して現在のウィンドウの幅を決定し、幅を割り当てる方法です。 。

幅は適応的です。つまり幅: 100% です。
関連ラベル：
如何实现自适应
ソース：php.cn
前の記事：初心者の助けを求める「
  • タグを追加すると、テキストの左の間隔が大幅に広くなります」_html/css_WEB-ITnose 次の記事：ボタン、画像、またはリンクをクリックしてローカル コンピューターまたはアプリケーションを開くことができるように、HTML でコードを記述する方法。 _html/css_WEB-ITnose
    • このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    著者別の最新記事
    最新の問題
    Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか? Webアプリケーションを開発しています。 Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか?私はセマンティック バージョニングを使用しており、...
    から 2024-04-06 19:13:16
    0
    2
    476
    SCSSを使用してデフォルト値とCSS変数を生成する ウェブサイトのスタイリングを実装しています。レガシー サポートの理由から、少なくともしばらくの間は IE11 をサポートする必要があります。ワークフローと私の健全性の理由から、私は...
    から 2024-04-06 17:46:54
    0
    1
    355
    ナビゲーションバーの下枠のCSS ナビゲーション バーがあり、リスト内の項目にカーソルを置くと下部に赤い線を追加しましたが、その赤い線をタイトル (例: 「サービス」) の下に移動したいのですが、これを実現する方法...
    から 2024-04-06 15:04:41
    0
    2
    347
    vue vee-validate は日付ピッカーの選択の問題をキャプチャします datepicker フィールドの v-model バインディングが正しく機能しません。選択を行うと、画面上でライブ更新されますが、値は formValues リアクティブ オブジ...
    から 2024-04-06 11:38:56
    0
    1
    510
    Laravel 9.x の一般エラー: フィールド 'id' にデフォルト値がありません 私はアプリで UUID を使用しており、次のようにオンラインで示されているようにトレイトを実装しました: traitUuid{protectedstaticfunctionboot...
    から 2024-04-06 11:12:54
    0
    1
    350
    関連トピック
    詳細>
    人気のおすすめ
    人気のチュートリアル
    詳細>
    関連するチュートリアル
    人気のおすすめ
    最新のコース
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート