Mencoba membangun situs wordpress untuk kota kami. Memiliki beberapa masalah dengan desain responsif. Halaman berfungsi dengan baik sampai kita memperkecil ukuran jendela menjadi lebar 596px. Pada saat itu teks di sebelah kanan mulai mengambil lebih banyak ruang vertikal dan penggeser mulai mengambil lebih sedikit ruang horizontal.

Tidak dapat membuat cuplikan yang berfungsi karena ini menggunakan plugin wordpress, tetapi inilah tautan ke halaman yang dimaksud:

https://www.sustainablewestonma.org/our-story-2/

Bantuan atau saran apa pun tentang cara memperbaiki ini sangat dihargai.

0
DCR 21 September 2019, 18:00

1 menjawab

Jawaban Terbaik

Jika saya mengerti Anda dengan benar. Ubah vw Anda menjadi % lalu sesuaikan dengan kebutuhan Anda. Tampaknya untuk memperbaiki masalah.

.os-left {
    margin-top: 1.5%;
    width: 45%;
    margin-right: 1%;
    margin-left: 1.5%;
    margin-bottom: 2.5%;
}
.os-right {
    width: 45%;
    margin-right: 1.5%;
    margin-left: 1.5%;
}

Dan Anda juga mungkin tidak ingin body Anda bergeser juga, jadi untuk memperbaikinya gunakan min-width: 95% alih-alih min-width: 500px;

html, body {
    min-width: 95%;
}
2
Andrey 21 September 2019, 16:24