Membuat butang yang menyesuaikan dengan saiz skrin - penerangan terperinci tentang cara menggunakan imej latar belakang-Soal Jawab Rangkaian PHP Cina

Artikel Topik pembelajaran Muat turun Soal Jawab Kamus Pengaturcaraan Permainan kemas kini terkini

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Membuat butang yang menyesuaikan dengan saiz skrin - penerangan terperinci tentang cara menggunakan imej latar belakang

P粉345302753 2023-08-16 13:38:12

512

Saya sedang membangunkan portal tawanan pfsense yang memerlukan berbilang grafik untuk dipaparkan bersebelahan dan menyesuaikan diri dengan saiz skrin peranti. Ini boleh dicapai dengan baik menggunakan jenis input imej. Walau bagaimanapun, peranti pfsense tidak mengenali komit ini dengan betul. Ia memerlukan jenis komit dengan nilai "Teruskan" untuk berfungsi.

Saya cuba menggunakan imej latar belakang sebaliknya, tetapi imej latar belakang tidak berskala. Apabila skrin semakin kecil, ia kelihatan bersaiz penuh dan dipangkas.

Bagaimanakah saya boleh menjadikan imej latar belakang boleh diubah saiz?

 ....

P粉345302753

membalas semua (1)

P粉8514014752023-08-17 00:58:26 Tingkat 1

background-size: coverakan mencapai kesan ini.

#content{font-family:'Source Sans Pro',sans-serif;background-color: gray; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; display:table-cell; vertical-align:middle;} #content{text-align:center} body,html{margin:0; padding:0; width:100%; height:100%; display:table} .row {display: flex;} .column {flex: 50%; padding: 50px;} input { background-size: contain; resize: both; border: 0; width: 100%; max-width: 100%; padding: 0 0 50%; object-fit: scale-down; text-indent: 100%; white-space: nowrap; overflow: hidden; } @media screen and (max-width: 500px) { .column { width: 100%; } }