Chương 3: CSS - Dự án

96.4. Hướng dẫn xem trang web trên thiết bị điện thoại di động thật

Bạn là một người mới bắt đầu với lập trình web và bạn muốn biết cách hiển thị trang web bạn đang mã hóa với HTML và CSS trên điện thoại di động để dễ dàng thiết kế giao diện phản ánh (responsive design)? Đừng lo lắng, chúng tôi sẽ hướng dẫn bạn cách thực hiện điều này bằng cách sử dụng Live Server trong Visual Studio Code. Nội dung video bao gồm: Cài đặt và cấu hình Live Server: Chúng tôi sẽ hướng dẫn bạn cách cài đặt và cấu hình Live Server một cách dễ dàng để bạn có thể xem trang web của mình trực tiếp trên trình duyệt điện thoại di động. Tạo trang web cơ bản: Chúng tôi sẽ xây dựng một trang web đơn giản sử dụng mã HTML và CSS để minh họa cách làm việc với Live Server. Chạy Live Server và xem trang web trên điện thoại di động: Chúng tôi sẽ hướng dẫn bạn cách bật Live Server và truy cập trang web của bạn trên thiết bị di động. Bạn sẽ thấy cách trang web tự động thích nghi với kích thước màn hình của điện thoại.