Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

html - Việc thay đổi kích thước trang đôi khi chỉ có tác dụng

In lại Tác giả: Walker 123 Thời gian cập nhật: 28-11-2023 00:04:41 29 4
mua khóa gpt4 Nike

Tôi đang gặp phải một số hiện tượng lạ khi thay đổi kích thước chiều cao hoặc chiều rộng của cửa sổ trình duyệt trong khi xem trang tôi đã tạo. TÔImuốnĐiều xảy ra là các thành phần trong trang tự thay đổi kích thước theo lượng không gian có sẵn—tức là lượng không gian chúng chiếm theo khung nhìn. Ví dụ của tôi sử dụng flexbox.

Tôi đã tạo một số HTML ở đây:



<đầu>
  ĐỊA ĐIỂM




  

    



  
    

      
Chào mừng đến với Nơi nào đó

    
    


  
    



  
  

    
    
  



      Quên tên người dùng/mật khẩu của bạn?


Xem sitemap của VNExpress

Cùng với CSS:

thân hình {
  lề: 0;
  kích thước hộp: hộp viền;
  họ phông chữ: 'Work Sans', sans-serif;
  chiều cao: 100%;
  chiều rộng: 100%;
}

// Flexbox "Half and Half Container" - một container được chia thành hai
// cột, mỗi cột chiếm 1/2 dung lượng có sẵn.
.half-half-outer-container {
  hiển thị: linh hoạt;
  chiều rộng: 100vw;
  chiều cao: 100vh;
  hướng linh hoạt: cột;
  biện minh-nội dung: trung tâm;
  căn chỉnh các mục: giữa;

  .nửa nửa container {
    căn chỉnh các mục: giữa;
    hiển thị: linh hoạt;
    chiều cao: 100vh;
    chiều rộng: 100%;

    .bên trái {
      độ uốn: 1 1 50%;
    }

    .bên phải {
      độ uốn: 1 1 50%;
    }
  }
}

.image-bg {
  hình nền: url('https://tashasoyster.com/wp-content/uploads/2018/06/P1030493-1440x1828.jpg');
  vị trí nền: trung tâm;
  kích thước nền: bìa;
  chiều rộng: 100%;
  chiều cao: 100%;
}

Bạn cũng có thể truy cập nó ở đây:

https://codepen.io/jwir3/pen/mgKNNo

Về cơ bản, nó là một flexbox chia đôi không gian có sẵn từ trái sang phải (hình ảnh chỉ là hình ảnh tôi tìm thấy trên web, không phải hình ảnh tôi thực sự sử dụng).

Nếu bạn nhìn vào codepen và thay đổi kích thước của nó, nội dung được hiển thị ở phía dưới sẽ thay đổi kích thước tương ứng. Tuy nhiên, nếu bạn nhấp chuột phải vào nội dung được hiển thị và chọn "Khung này -> Mở khung trong cửa sổ mới (Tôi đang sử dụng Firefox), nó sẽ không thay đổi kích thước nữa.

Tôi thực sự đang sử dụng Rails và khi tôi khởi động máy chủ từ RubyMine, nó không thay đổi kích thước như tôi mong muốn. Tuy nhiên, nếu tôi thay đổi thân hình các thuộc tính như chiều cao của điểm đánh dấu và đặt nó thành 100% thay vì 100vh, nó sẽ thay đổi kích thước như mong đợi và nó sẽ không thay đổi kích thước như mong đợi trừ khi tôi mở nó trong tab mới.

câu trả lời hay nhất

Đối với hậu thế, đây có vẻ là một vấn đề với plugin CodeClimate mà tôi đã kích hoạt trong Firefox. Vô hiệu hóa nó sẽ khiến vấn đề được giải quyết.

Về html - đôi khi việc thay đổi kích thước trang chỉ có tác dụng, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/55788458/

29 4 0
Đề xuất bài viết: javascript - Nhấp vào nút kích hoạt khi nhấn phím cách (trang web)
Đề xuất bài viết: php - Dữ liệu người dùng Steam api: Chỉ hoạt động với một id steam, nếu không thì không hoạt động
Đề xuất bài viết: Truyền phần tử Html DOM bên trong dưới dạng chuỗi tới Bộ điều khiển AngularJS
Đề xuất bài viết: html - bảng hiển thị html bị nhầm lẫn
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com