Câu hỏi được gắn thẻ «css»

Tôi đang gặp một số rắc rối thực sự khi cố gắng để nội dung thanh bên / điều hướng (sử dụng Bootstrap) hiển thị (được mở rộng) theo mặc định trên máy tính để bàn và đóng theo mặc định trên thiết bị di động và có biểu tượng …

9 javascript  html  css  bootstrap-4  responsive-design 

Tôi đang xem xét việc xây dựng trình chỉnh sửa với Slate hoặc ProseMirror và thấy một số hành vi lạ với Chrome xung quanh vị trí lựa chọn và vùng chọn khi sử dụng phần tử nội tuyến. Vấn đề 1 được hiển thị trong hình đầu tiên bên …

8 html  css  contenteditable  slatejs  prose-mirror 

Tôi đang cố gắng để có nền video toàn màn hình cho Ionicứng dụng của mình , nó hoạt động hoàn toàn tốt trên Android và Trình duyệt, nhưng khi tôi chạy ứng dụng trên iPhone trong trình giả lập Xcode, đó chỉ là nền trắng và video không tải …

8 html  css  ios  cordova  ionic-framework 

Khi người dùng thực hiện thao tác chạm và giữ để chọn một từ và sau đó kéo ngón tay của họ về phía cạnh trên hoặc dưới của màn hình, trang sẽ tự động cuộn để phù hợp với lựa chọn. đây là một đoạn phim ngắn chứng minh …

8 javascript  html  css  swift  wkwebview 

Tôi có mã như vậy: .img-container { width: 300px; height: 300px; background-color: lightgreen; overflow: hidden; } .clipped-img { clip-path: url('#header-clip-svg'); } <div class="img-container"> <!--clipping SVG--> <svg height="0" width="0"> <defs> <clipPath id="header-clip-svg"> <path d="M199.6,18.9c-4.3-8.9-12.5-16.4-22.3-17.8c-11.9-1.7-23.1,5.4-32.2,13.2c-9.1,7.8-17.8,16.8-29.3,20.3c-20.5,6.2-41.7-7.4-63.1-7.5C38.7,27,24.8,33,15.2,43.3c-35.5,38.2-0.1,99.4,40.6,116.2c32.8,13.6,72.1,5.9,100.9-15c27.4-19.9,44.3-54.9,47.4-88.6c0.2-2.7,0.4-5.3,0.5-7.9C204.8,38,203.9,27.8,199.6,18.9z"></path> </clipPath> </defs> </svg> <!-- clipped image--> <img class="clipped-img" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3341051/team.jpg"/> </div> Chạy đoạn mãẨn kết quảMở rộng đoạn …

8 css  svg  clip-path 

Video chứng minh vấn đề của tôi: https://i.imgur.com/L3laZLc.mp4 Tôi có một ứng dụng đơn giản nơi bạn có thể thêm Thẻ vào 2 Hàng khác nhau. Khi một thẻ được thêm vào một hàng, tôi đang sử dụng react-transition-groupđể kích hoạt hoạt hình "nhập". Tuy nhiên, tôi cũng đã react-beautiful-dndcài …

8 css  reactjs  animation  react-transition-group  react-beautiful-dnd 

Tôi đang tìm cách chuyển đổi hình ảnh với thu nhỏ sang hình ảnh thứ 2, hình ảnh thứ 3, v.v. Tôi đã thử tự làm nó với một số khung hình chính thông qua hình nền và tỷ lệ, và nó hoạt động tốt, ngoại trừ có 2 vấn …

8 html  css 

Đây là trong dự án Bismon (một phần mềm GPLv3 + được tài trợ bởi các dự án H2020 ở Châu Âu), git commit0e9a8eccc2976f . Báo cáo dự thảo này mô tả phần mềm. Câu hỏi này cung cấp thêm bối cảnh và động lực. Đó là về tệp webroot …

8 jquery  html  css  linux  html5-canvas 

Trong ví dụ sau, vòng tròn thích ứng với chiều rộng lưới và giữ tỷ lệ khung hình của nó. Khi chiều rộng của container co lại, các vòng tròn co lại với nó ... Tuy nhiên, khi chiều cao nhỏ hơn chiều rộng (hộp thứ hai), vòng tròn không …

8 html  css  svg  css-grid  aspect-ratio 

Tôi có các yếu tố trên một trang "có thể tập trung" (các nút, các yếu tố với tabindex, v.v.) và trình đọc màn hình đọc nội dung tốt. Tuy nhiên, tôi có một số yếu tố khác không thể tập trung (do thực tế có rất nhiều trong số …

8 javascript  html  css  wai-aria 

Tôi có một div chứa một hình ảnh và một số văn bản (hình ảnh có kích thước thay đổi và văn bản có độ dài thay đổi). Có cách nào để tính chiều cao cần thiết để phù hợp với tất cả nội dung div, với điều kiện là …

8 javascript  css 

Tôi đã học cách sử dụng hình ảnh động trong css bằng cách sử dụng @keyframe. Tuy nhiên tôi muốn viết mã hoạt hình tùy chỉnh cho dự án phản ứng của mình (Sử dụng vật liệu). Thử thách của tôi là làm thế nào tôi có thể viết mã …

8 css  reactjs  material-ui  jss 

Tôi hiện đang vật lộn với một cách để thay thế các biểu tượng phát / tạm dừng bằng văn bản trong khi vẫn duy trì hoạt hình chuyển đổi. Tôi đang cố gắng hiểu chính xác mã JS nào đang hiển thị các biểu tượng và thứ hai xóa …

8 javascript  jquery  css 

Trong ghi chú phát hành Safari 13 , có tuyên bố rằng không còn cần phải áp dụng những điều sau đây cho một yếu tố để kích hoạt hiệu ứng cuộn nảy: div { overflow-x: scroll; -webkit-overflow-scrolling: touch; /* No longer needed */ } Tuy nhiên, bây giờ tôi …

8 html  ios  css  scroll  webkit 

Đấu tranh để có được những thứ để cư xử. Tôi có một danh sách động các hình ảnh trên một trang web đáp ứng. Bố cục được tạo trong đó hình ảnh có thể ở hàng / cột hoặc cột hàng. Ví dụ này gần nhưng các hình ảnh …

8 html  css  flexbox  object-fit