Tôi đang tạo chủ đề cho trang web nơi tôi không thể thay đổi đánh dấu hoặc bao gồm bất kỳ JS nào. Tôi chỉ có thể kiểm soát CSS của chủ đề của mình và tôi có thể viết một số html bên trong nội dung trang.Đặt tỷ lệ trang trên thiết bị di động/phóng to CSS
Tôi đang cố gắng để làm cho chủ đề này đáp ứng, nhưng tôi không thể nhìn thấy làm thế nào để kiểm soát ban đầu quy mô hoặc trang zoom trên các thiết bị cầm tay mà không có một thẻ meta viewport như thế này:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Vậy điều gì sẽ xảy ra là mặc dù tôi có thể áp dụng bố cục cụ thể cho thiết bị di động thông qua các truy vấn CSS @media, trang web được thu nhỏ khi được xem trên điện thoại. Văn bản và hình ảnh quá nhỏ cho đến khi bạn phóng to và khi bạn phóng to, bố cục quá lớn và có thanh cuộn ngang. Nó trông hoàn hảo bên trong một cửa sổ trình duyệt được thay đổi kích thước trên máy tính để bàn; vấn đề là trình duyệt điện thoại sẽ tự động chia tỷ lệ trang.
Vì vậy, tôi đang tìm cách giải quyết. Hiện tại tôi có hai dòng suy nghĩ và tôi muốn chào đón bất kỳ đề xuất nào khác:
- Có cách nào để làm thẻ meta chế độ xem trong CSS một mình không?
- Tôi có thể buộc chiều rộng trang tối đa trong kiểu dáng dành riêng cho thiết bị di động của mình để trình duyệt di động không mở rộng quy mô trang không?
Đó chính xác là những gì tôi cần, vì vậy đáng thất vọng nó không được hỗ trợ. – tuff
yes..support rất thấp..chỉ opera và IE10. Nó có thể thay đổi trong tương lai gần .. – Zendy