Waktu membaca

0

menit

Waktu membaca

0

menit

Desain

9 Jul 2025

FramerFramer Pratinjau: Cara Memeriksa Tata Letak Responsif

FramerFramer에서 사이트 미리보기를 실행하는 방법과 반응형 레이아웃 점검 방법을 안내합니다. 뷰포트를 조절하여 다양한 디바이스 환경에서 보이는 화면을 확인할 수 있으며, 커스텀 코드는 실제 배포 후 확인 가능합니다.

Blogger Logo Framer

Diposting oleh

Blogger profil Song Yebin

Diterjemahkan oleh

FramerFramer에서 반응형 레이아웃을 점검하는 방법을 안내하는 블로그 썸네일, 미리보기 화면과 뷰포트 조절 버튼이 강조되어 있습니다.
FramerFramer에서 반응형 레이아웃을 점검하는 방법을 안내하는 블로그 썸네일, 미리보기 화면과 뷰포트 조절 버튼이 강조되어 있습니다.
FramerFramer에서 반응형 레이아웃을 점검하는 방법을 안내하는 블로그 썸네일, 미리보기 화면과 뷰포트 조절 버튼이 강조되어 있습니다.

Daftar Isi

Daftar Isi

Dokumen ini dibuat untuk membantu pengguna lokal yang belajar FramerFramer mengatasi kesulitan akibat kurangnya sumber daya dalam bahasa Indonesia, dengan menerjemahkan konten dari blog resmi ke dalam bahasa Indonesia dan menambahkan informasi yang berguna untuk praktik profesional. Semoga bisa sedikit membantu Anda yang menggunakan FramerFramer.

Cara Menjalankan Pratinjau

  1. Klik tombol Play yang terletak di kiri atas halaman (frame)

  2. Atau gunakan pintasan keyboard

    • macOS: ⌘ + P

    • Windows: Ctrl + P

미리보기 실행 방법을 설명합니다.

Untuk keluar dari layar pratinjau, tekan tombol ESC atau klik tombol tutup di pojok kanan atas.

Memeriksa Tata Letak Responsif

Dalam mode pratinjau, Anda dapat dengan leluasa menyesuaikan ukuran viewport. Hal ini memungkinkan Anda memeriksa pratinjau halaman untuk setiap titik jeda (breakpoint) secara langsung.

Ingin melakukan pratinjau berdasarkan perangkat atau breakpoint tertentu?

  • Klik tombol penyesuaian viewport yang berada di tengah atas mode pratinjau

  • Pilih ukuran perangkat atau breakpoint yang diinginkan dari menu tarik-turun yang muncul

Misalnya, jika Anda memilih Tablet, layar akan disesuaikan secara otomatis untuk lingkungan tablet sehingga Anda dapat memeriksa bagaimana tampilannya.

태블릿 환경에 맞춰 화면이 자동으로 조정되게 설정합니다.

Catatan: Settings tambahan custom code tidak diterapkan dalam layar pratinjau (hanya dapat dilihat setelah situs diterbitkan).


Artikel ini merupakan konten terjemahan dan adaptasi dari dokumen resmi FramerFramer Previewing your Site.

Bagikan Blog

Bagikan Blog

Menjadi
FramerFramer Ahli

Framer freelance yang berpengalaman dapat mendaftar.
Menghubungkan langsung ahli dengan klien, tanpa biaya perantara.

Menjadi
FramerFramer Ahli

Framer freelance yang berpengalaman dapat mendaftar.
Menghubungkan langsung ahli dengan klien, tanpa biaya perantara.

Menjadi
FramerFramer Ahli

Jika Anda adalah ahli yang dapat mengambil proyek Framer,
semua orang dapat melamar.
Tidak ada biaya komisi, langsung menghubungkan
pakar dengan klien.