Rumah > Soal Jawab > teks badan
盆友在开发一个桌面GUI应用,使用的是NW.js。由于需求方需哟的页面要求自定义比较多,大量使用提供的图片作为dom元件背景,当时的大小和布局都是写死的。现在需要做桌面上的自适应(不要求适应手机端,就几种桌面分辨率),但是由于很多页面的各个部分都是用背景来展示的(就一个p元素设置好大小然后设置背景图片),很难快速方便地改成自适应,想问一下大家有什么好的办法吗?
为情所困2017-05-02 09:31:40
Anda boleh menggunakan peratusan untuk lebar, vw (Lebar Port Pandangan) untuk ketinggian dan background-size: 100% 100%;
.
Sebagai contoh, jika anda ingin melaksanakan segi empat sama responsif, anda mungkin boleh melakukan ini:
.square {
width: 30%;
height: 30vw;
background: url("bg.png") no-repeat scroll center 0 transparent;
background-size: 100% 100%;
}
大家讲道理2017-05-02 09:31:40
Jika ini berlaku, bolehkah keseluruhan halaman dilaksanakan menggunakan transform:scale(multiple);? (Sudah tentu, ini memerlukan anda mempunyai hampir keseluruhan halaman sebagai latar belakang)
为情所困2017-05-02 09:31:40
Bagi peratusan lebar, adakah anda telah cuba menggantikan lebar tetap dalam kelompok? Hanya pertimbangkan nisbah lebar bekas dan elemen di bawah beberapa resolusi tetap
ringa_lee2017-05-02 09:31:40
Seperti @eechen di atas, jika anda menggunakan penyemak imbas teras krom, anda boleh menggunakan kaedah bersaiz latar belakang CSS3;