javascript - SuperSlide 플러그인은 화면에 어떻게 적응합니까?

Flyings.cn 웹사이트의 캐러셀 사진이 14인치 컴퓨터에 적합하지 않다면 더 큰 화면이 적합합니다. 사진 크기는 1920 471입니다. 왜 화면에 자동으로 적응할 수 없나요?

为情所困 2017-05-24 11:36:41 0  1  700

javascript - 본문의 배경 이미지를 다른 해상도로 전체 화면으로 표시하는 방법은 무엇입니까? 작은 해상도에는 수직 스크롤 막대가 있고 추가 콘텐츠에는 배경이 없습니까? 그것을 처리하는 방법?

큰 화면 해상도를 사용하면 배경이 문제 없이 전체 화면으로 표시되는데, 작은 화면으로 전환하면 스크롤되는 내용에 배경이 표시되지 않는 문제를 해결하려면 어떻게 해야 하나요? 암호:

黄舟 2017-05-19 10:30:07 0  2  661

정확한 마우스 좌표를 얻지 못하는 문제: 페이지 크기를 조정할 때 HTML5 캔버스 사용

저는 프론트엔드 전문가로부터 이 픽셀 효과를 만들고 싶습니다. 전체 화면 캔버스에서 전체 픽셀 효과를 얻을 수 있지만: constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//전체 화면 높이를 캔버스로 설정 canvas.width=window.innerWidth ;//캔버스를 전체 화면 너비로 설정하면 마우스 좌표를 쉽게 얻을 수 있습니다. constmouse={x:undefound,y:u

P粉752290033 2023-09-12 12:20:33 0  1  761

Vuetify를 사용하여 모바일 화면에서 테이블의 전체 너비를 얻을 수 있나요?

Vue2 및 Vuetify를 사용하여 작은 화면에서 테이블 "축소"를 달성할 수 있습니까? 모바일 화면에서 테이블이 전체 너비를 유지해야 하고 확대할 수 있어야 하는 과제가 있습니다. 기본적으로 img와 유사한 동작을 달성합니다. 기본적으로 이 이미지에서 두 번째 화면을 구현해야 하지만 v-data-table을 사용합니다. "둘 다 똑같이 나쁘다"고하더라도 두 번째 해결책이 필요합니다. Vuetify 전용 솔루션이 있나요?

P粉842215006 2023-08-30 20:56:28 0  1  649

계속해서 커지는 빈 공간이 있는데 그 이유를 모르겠습니다.

질문 이미지: 질문 이미지 이전 이미지를 보시면 거기에 거대한 빈 공간이 있다는 것을 알 수 있습니다. 일반 디스플레이(약 1200픽셀)에서는 모든 것이 정상입니다. 그런데 폭을 줄이면 늘 그 빈 공간이 늘어나는데 왜 이런 일이 일어나는지 모르겠습니다. 정상적으로 출력되는 화면 그림 : 정상적으로 출력되는 화면 그림 코드를 명확하게 작성할 수 있도록 HTML, CSS 코드의 일부를 올려드립니다. .about-me{margin-top:10px;max-width:100%;max-height:10

P粉729518806 2023-08-14 19:03:11 0  1  589

넘어짐에 대한 나의 이해가 맞는지 아닌지 모르겠습니다.

중간 본문을 뒤에 쓰는 이유는 앞의 왼쪽 오른쪽이 float 속성이 설정되어 있어 문서 흐름에서 벗어났기 때문입니다. 이때 다음 본문은 원래 문서 흐름 위치인 왼쪽으로 자동 이동합니다. margin-left=왼쪽 너비, margin-right=오른쪽 너비이므로 실제로는 본체의 너비가 화면의 전체 너비가 됩니다. 전체 너비이므로 오른쪽이 아래로 떨어집니다.

枫叶 2018-03-26 12:15:22 0  0  1323

prismplayer 플레이어 전체 화면 문제

해당 페이지는 정상적으로 재생이 가능하지만, 내장된 전체화면 버튼을 클릭하면 페이지가 잠시 전체화면으로 전환되었다가 초기상태로 돌아갑니다. 브라우저의 변화에 ​​따라 너비와 높이가 변하기 때문에 플레이어의 너비와 높이는 js를 통해 얻습니다.

PHP中文网 2017-07-05 10:37:26 0  1  776

JavaScript는 썸네일에서 전체 너비 이미지 페이지로의 원활한 전환을 구현합니다.

http://manifesto.clapat.com/ 홈 페이지의 항목을 클릭하면 해당 항목 페이지의 제목이 될 썸네일에서 전체 화면 이미지로 전환됩니다. 이러한 전환 효과는 어떻게 생성되며 ReactRouter 대신 내부 라우팅을 사용하여 이를 구현하는 가장 좋은 방법은 무엇입니까? 누군가가 ReactRouter에서 작동하도록 할 수 있다면 저도 그것을 포팅할 수 있습니다. 사용 가능한 몇 가지 튜토리얼이 있지만 모두 다른/프로젝트 페이지로 이동하는 대신 전체 화면 모달 구성 요소와 유사하게 동일한 페이지에 데이터를 로드합니다.

P粉536532781 2023-09-15 22:09:37 0  1  994

두 연락처 필드의 상호 작용 능력을 향상시키는 방법은 무엇입니까?

두 필드("CallUs" 및 "OurEmail")를 중앙에 배치하고 동시에 반응하도록 만들어야 합니다. 작은 화면에서는 함께 쌓아야 합니다. 표시된 대로 큰 화면에 올바르게 배치하기 위한 인라인 CSS가 있지만 작은 화면에서는 스택처럼 쌓이지 않습니다. 코드를 넣을 CSS 파일을 찾을 수 없어서 인라인 CSS를 사용하고 있습니다. 인라인 CSS를 사용하여 이 문제를 해결할 수 있습니까? 가능하다면 이 두 필드를 크게 만드는 인라인 CSS가 있습니다.

P粉725827686 2023-08-14 21:20:22 0  1  599

페이지가 전체 화면이 아닐 때 설명할 수 없는 오른쪽 여백 - Nuxt/Tailwinds

Nuxt, Vue3 및 TailwindCSS를 사용하여 간단한 이력서 페이지를 만들려고 합니다. 브라우저가 전체 화면이면 모든 것이 괜찮아 보이고 모든 것이 잘 작동합니다. 그런데 전체 화면이 아닌 다른 부분이 보이면 앱 메인 부분의 페이지 오른쪽이 아무 이유 없이 비어 있습니다. (끔찍한 디자인은 무시하세요. 아직 진행 중인 작업입니다.) 아래에서 볼 수 있듯이 요소의 오른쪽에 여백이 있지만 없어야 하며 계산된 레이아웃에도 표시되지 않습니다. 맞춤 CSS를 추가하지 않았기 때문에 기본 Tailwind에서 제공하는 클래스를 사용했습...

P粉710478990 2023-09-01 00:05:46 0  1  591

onclick() 함수를 통해 이미지 변경

개체를 클릭하면 한 그림을 다른 그림으로 바꾸고 싶습니다. 코드는 다음 순서로 쌓입니다. 내가 원하는 것은 클릭하면 이미지가 컬러 버전의 이미지, 즉 다른 이미지로 대체되는 것입니다. 이제 JQuery/JS를 사용하여 이를 수행할 수 있다는 것을 알았습니다. 하지만 이렇게 간단한 기능을 구현하기 위해 JS 코드를 많이 추가하고 싶지는 않습니다. 이것을 달성하는 더 쉬운 방법이 있습니까? pseudo-selector.active 클래스와 같은 메소드? 나는 그것을 알아낼 수 없다.

P粉242535777 2023-08-18 08:53:28 0  1  516

쿠키 권한으로 인해 iframe 오류 발생

저는 현재 작은 화면(=yout ubeShort)과 큰 화면(=일반 가로 비디오)에 적응하기 위해 부트스트랩을 사용하여 웹페이지에서 간단한 iframe을 사용하고 있습니다. <divclass="containerd-noned-md-block" style="max -너비:1000px;높이:30%;"><iframewidth="1000&quo

P粉447002127 2024-01-21 16:00:06 0  1  656

html5 - 모바일 단말기에서 이미지의 너비와 높이 비율을 현재 휴대폰의 전체 화면 크기에 정확히 맞추는 방법은 무엇입니까?

1. 모바일 단말기에서 이미지 화면 비율을 휴대폰의 전체 화면 크기에 맞게 조정하는 방법은 무엇입니까? 너비가 100%일 경우 높이가 적응적이어야 하고, 높이가 100%일 경우 너비가 적응적이어야 합니다. 이런 식으로 그림이 현재 화면을 초과할 수 있으며 스크롤 막대가 나타날 수 있으므로 필요합니다. 슬라이드해서 볼까, 아니면 공백이 생길텐데...

世界只因有你 2017-05-16 13:25:15 0  5  1141

화면 너비에 따라 다른 콘텐츠 표시

한 요소의 경우 화면 너비에 따라 두 개의 다른 텍스트가 있습니다. 화면 너비가 400px 이하일 때 좁게 표시하고 싶습니다. 화면 너비가 400px보다 클 때 크게 표시하고 싶습니다. 코드는 다음과 같습니다. https://jsbin.com/qagetoseva/edit?html,css,output 하지만 문제는 너비가 400px일 때 이 코드에 아무것도 표시되지 않는다는 것입니다. 수정하는 방법을 아는 사람이 있습니까? <!DOCTYPEhtml><html>

P粉904450959 2024-04-01 22:53:42 0  1  459

javascript - 캐러셀 JS의 저장된 변수에서 타이머를 호출하는 방법

{코드...} 이유는 최근에 전체화면 캐러셀 기능을 구현하고 싶어서 많은 정보를 질의하고 여러 웹사이트의 코드를 참고해 본 결과 대부분이 난독화된 코드라는 것을 알게 되었기 때문입니다. .. 이해가 안가서요.. 그럼 제가 직접 원시적이고 투박한 캐러셀 이미지를 만들어 봤는데, js 기초가 탄탄하지 않아서 문제가 많을 것 같은데...

女神的闺蜜爱上我 2017-07-05 11:08:40 0  1  1014

CSS - 상자에 Overflow-y:scroll을 추가하면 모바일 글꼴이 더 커집니다.

CSS 속성을 추가한 후: 가장 바깥쪽 상자로 Overflow-y:scroll하고 Google 모바일 시뮬레이터에서 볼 때 글꼴이 자동으로 커지고 전체 레이아웃이 rem이 됩니다. 이 속성을 제거한 후에는 글꼴이 정상이 됩니다. 문제가 무엇인지 알고 싶습니다. 코드 1: 오버플로 없음-y: 스크롤 속성 이미지 설명 {code...} 코드...

黄舟 2017-05-16 13:39:31 0  5  1081

다양한 화면 크기에 CSS 적용: 가이드

이 CSS 코드가 있는데 내 문제는 패딩 상단(상단에 약간의 공간이 있음)으로 인해 내 페이지가 너무 커서 "스크롤" 옵션이 있고 전체 화면에 맞지 않는다는 것입니다. 스크롤 옵션을 비활성화하려면 어떻게 해야 합니까? *{margin:0;padding:0;}html,body{height:100%;}body{color:#444;font-family:'SegoeUI',Tahoma,Geneva,Verdana,sans-serif;backg

P粉030479054 2023-09-09 00:05:15 0  1  443

스크롤 작업 전 조건을 추가하는 방법

fullpage.js 라이브러리를 사용하는 데 문제가 있습니다. 모달이 열릴 때 화면이 스크롤되지 않도록 해야 합니다. 다음 코드로 onLeave, afterLoad 및 jQuery를 사용하여 스크롤을 비활성화하려고 했습니다. $(document).ready(function(){$(window).bind("wheel",function(e){if(document.getElementsByClassName("modal)

P粉738046172 2023-09-06 00:00:45 0  1  537

API 호출에서 이미지를 조정하는 방법은 무엇입니까?

여기에 처음으로 글을 올리는데, 빠진 내용이 있으면 알려주세요! 좋아요, 제 문제는 카테고리 페이지의 이미지가 서로 맞지 않고 더 이상 정렬되지 않는다는 것입니다. JavaScript를 조금 배우고 API 호출에서 이미지를 얻은 후에 이런 일이 발생했습니다. 이제는 더 이상 좋아 보이지 않습니다. 특히 모바일 보기에서는 더욱 그렇습니다. 어떻게 하면 같은 크기로 만들 수 있나요? 그런데, 나는 완전히 멍청한 놈입니다. 내 페이지 링크는 다음과 같습니다: https://lovely-croissant-3cceca.netlif

P粉138871485 2023-09-05 13:36:09 0  1  485

javascript - 폰스와이프로 사진을 클릭할 때 사진을 전체 화면으로 만드는 방법은 무엇입니까?

휴대폰에서 사진을 클릭하여 사진을 미리 보고 싶고 왼쪽과 오른쪽으로 슬라이드할 수 있지만 사진을 전체 화면으로 표시할 수 없습니다. 아래 그림에서 너비=100%가 되도록 매개변수를 구성하는 방법을 알려주세요. . 아니면 추천해주실 만한 다른 플러그인이 있나요?

ringa_lee 2017-07-05 10:41:07 0  4  906