cuốn sách gpt4 ai đã làm

html - Có thể làm cho div đạt đến một điểm nhất định ở trên cùng không? Phải nhạy cảm với phản ứng

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 09:43:32 26 4
mua khóa gpt4 Nike

Xin chào, tôi đã được giao một nhiệm vụ khó khăn. Tôi cần làm cho div vuông đạt đến điểm ở trên cùng. Về cơ bản, nó trông giống như một div hình vuông với hình ba góc rộng ở trên cùng. Xem ảnh chụp màn hình bên dưới. Màu xanh đậm ở trên cùng chỉ là một div khác được xếp chồng lên trên div màu trắng.

nhập mô tả hình ảnh ở đây

Tôi đã thử làm giả trước phần tử để lấy đây Tạo một hình tam giác và đặt nó lên trên hình vuông. Nó hoạt động nhưng không phản hồi. Tôi cần làm cho chiều rộng của ba hình Góc là 100% để nó phản hồi nhanh. Thật khó chịu khi màn hình được thu nhỏ, vì vậy tôi quyết định không đi theo con đường đó vì tôi không muốn tạo ra nhiều truy vấn phương tiện.

Tôi không chắc chắn làm thế nào để thực hiện điều này ngoài phần tử giả tam giác mà tôi đã thử và nó không hiệu quả với tôi vì nó không phản hồi. Có thể là phần tử svg hoặc div nghiêng?

Có ai có bất cứ đề nghị? Tôi không nhất thiết cần ai đó nhập mã để trả lời câu hỏi này cho tôi. Tôi chỉ cần ai đó chỉ cho tôi đi đúng hướng để tôi có thể tự viết mã.

Cảm ơn!

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

tôi đã cung cấp một JSFiddle đang hoạt động (Sẽ 15vw Thay đổi chiều cao ưa thích của ba hình dạng Góc trên cùng).


解释

我创建了一个 chiều rộng: 0; chiều cao: 0; div trên cùng và đặt đường viền trái và phải của nó thành 50vw(Vì vậy nó chiếm toàn bộ chiều rộng của cửa sổ). Tiếp theo tôi đặt đường viền dưới cùng và trên cùng theo chiều cao 15vw(Chiều cao tôi chọn cho ba hình Góc - như đã đề cập, có thể tùy chỉnh).

Tôi đặt tất cả các đường viền thành trong suốt ngoại trừ đường viền dưới cùng mà chúng tôi muốn xem. Sau đó tôi đặt lề trên: -15vw; Đẩy nó lên trên cùng của cửa sổ (bằng cách sử dụng biến đổi Chúng tôi sẽ chuyển đổi nó sau khi chỉnh lại dòng, vì vậy nó sẽ ở dưới cùng).

Về html - có thể làm cho div đạt đến một điểm nhất định ở trên cùng không? Nó phải nhạy cảm với phản ứ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/39681291/

26 4 0
không gian vũ trụ
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
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress