cách hiển thị trang web có chiều rộng đầy đủ trên thiết bị di động

Đây là một trang web không đáp ứng nhưng trang web này có chiều rộng đầy đủ của màn hình thiết bị di động. http://www.tones.be (cố gắng mở trên thiết bị di động sau đó bạn sẽ hiểu ý tôi là gì. Nó không có thanh cuộn ngang và nó là phóng to trong phiên bản của trang web trên máy tính để bàn). Tôi cũng muốn xây dựng trang web tương tự nhưng không thể tìm ra cách làm như vậy. Tôi biết cách sử dụng truy vấn phương tiện để xử lý kích thước màn hình. Mọi đề xuất sẽ hữu ích.cách hiển thị trang web có chiều rộng đầy đủ trên thiết bị di động

Nguồn

2013-09-04 TechHelp

Bạn đã thử sử dụng 'width: 100%;' trong CSS của mình chưa? Điều đó sẽ làm cho chiều rộng giống như màn hình bất kể điện thoại di động/máy tính để bàn. – Tricky12

Hầu hết các trình duyệt trên điện thoại sẽ tự động thu phóng với số lượng yêu cầu mà không cần thanh cuộn. Trang web đó không sử dụng bất kỳ thẻ meta = "viewport" nào. – Papa

Tôi có nên xóa thẻ chế độ xem – TechHelp

Đặt thẻ meta vào đầu

<head> 
    <title>My Website</title> 
    <meta name="viewport" content="user-scalable = no"> 
</head>

Nguồn

2013-09-04 15:52:07 kcsoft

Điều này vẫn cho phép người dùng phóng to trên thiết bị di động không? – Sprose

Bạn có thể thử để thêm video này trong đầu trang của bạn:

<meta name="viewport" content="width=device-width, initial-scale=1">

này sẽ cố gắng để làm cho trình duyệt hiển thị trang ở đầy đủ chiều rộng .

Nguồn

2013-09-04 17:16:18

Tôi đã sử dụng tính năng này nhưng không hoạt động – TechHelp

Vui lòng đăng mã HTML và CSS của bạn, sau đó ai đó có thể tìm ra điều này cho bạn. –

@TechHelp Bạn đã làm việc đó chưa? Nếu bạn có thay đổi gì? – Kamesh

Bạn có thể thử giải pháp này. Nó làm việc cho tôi.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=0" />

Nguồn

2018-02-05 12:46:16

cách hiển thị trang web có chiều rộng đầy đủ trên thiết bị di động

Trả lời

Các vấn đề liên quan