Tìm kiếm
Góc thư giãn
05/03/14,20:42
Hit: 1485

Khắc phục trang web bị phóng to khi xem trên ipad xoay ngang

Một số trường hợp chiều cao trang web quá ngắn, ngắn hơn chiều cao của màn hình ipad/iphone khi nằm ngang, trình duyệt sẽ tự phóng to trang web lên để chiều cao bằng với chiều cao màn hình, tuy nhiên khi scale lên như vậy thì chiều rộng lại rộng quá chiều rộng màn hình khiến trang web bị xén mất trông rất tệ.

Chèn đoạn code này vào trang web để khắc phục tình trạng trên.

<script type="text/javascript">
if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {
    var viewportmeta = document.querySelector('meta[name="viewport"]');
    if (viewportmeta) {
        viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0'
        document.body.addEventListener('gesturestart', function () {
            viewportmeta.content = 'width=device-width, minimum-scale=0.25, maximum-scale=1.6'
        }, false);
    }
}
</script>

BÀI VIẾT LIÊN QUAN

BÀI VIẾT MỚI

BÀI VIẾT NỔI BẬT

XEM NHIỀU NHẤT