Hướng dẫn how do i change screen width in css? - làm cách nào để thay đổi độ rộng màn hình trong css?

1

Thí dụ

  @media screen and (max-width: 600px){
    ul.topnav li.right,
    ul.topnav li {float: none;}
    .seged{position: relative;}
    #lab{border-right: 0px;}
}

Đã trả lời ngày 6 tháng 4 năm 2017 lúc 20:27Apr 6, 2017 at 20:27

Tamas B.Tamas B.Tamas B.

1611 huy hiệu vàng1 huy hiệu bạc6 huy hiệu đồng1 gold badge1 silver badge6 bronze badges

Vâng, chúng ta có thể làm điều này theo hai cách:-

1) Sử dụng các truy vấn truyền thông. Vui lòng tham khảo ở đây

2) Bạn cũng có thể đạt được điều này bằng cách sử dụng JavaScript đơn giản. Xem bên dưới:-

$(window).on('resize', function() {
    if($(window).width() > 600) {
        $('#body').addClass('limit1200');
        $('#body').removeClass('limit400');
    }
    else {
        $('#body').addClass('limit400');
        $('#body').removeClass('limit1200');
    }
})

.limit400 h2 { font-size:12px; }
.limit1200 h2 { font-size:50px; }

    
Hello :Professor
    [ change the screen width to understant the effect ]

Tôi cũng đã tạo ra một bản demo trên Codepen. Xem điều này

Cám ơn mang với tôi.

Đã trả lời ngày 19 tháng 3 năm 2019 lúc 7:24Mar 19, 2019 at 7:24

Như đã đề cập trong các bình luận, bạn muốn các truy vấn truyền thông:

@media (max-width: 800px) {
      h2 {
        text-align: left !important;
      }
    }