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

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

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

javascript - 모바일 CSS 애니메이션 재생 상태 일시정지가 iOS에서 작동하지 않습니다.

모바일 CSS 애니메이션 재생 상태 일시 중지가 ios animation-play-state에서 작동하지 않습니다. 그림을 클릭하여 중지한 다음 그림을 클릭하여 계속 회전하고 싶습니다. 이는 Android 휴대폰에서는 가능하지만 iOS에서는 사진을 첫 번째 클릭하면 정적 움직임 없이 계속 회전합니다. 대신 두 번째 클릭에서는...

给我你的怀抱 2017-06-26 10:53:05 0  1  1265

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

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

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

gvim - vim이 페이지를 넘길 때(스크롤할 때) 커서 위치를 화면에 고정하는 방법은 무엇입니까?

vim이 페이지를 넘길 때(스크롤), 기본 커서는 화면 상단으로 이동하거나 화면 하단으로 이동합니다. 즉, 텍스트만 이동하고 화면 하단으로 이동하지 않기를 바랍니다. 커서(화면 기준)의 위치입니다. 이것을 달성하는 방법은 무엇입니까? 조언해 주세요. 미리 감사드립니다!

给我你的怀抱 2017-05-16 16:36:15 0  5  1193

laravel은 모바일 단말기와 PC 단말기를 어떻게 구분하나요?

웹사이트에는 모바일과 PC 두 가지 템플릿이 있습니다. 도메인 이름을 통해 모바일과 PC 템플릿으로 이동하는 방법, 컨트롤러에서 코드를 작성하는 방법, 선생님, 친구, 마스터의 조언을 부탁드립니다. .

春天 2020-10-28 22:46:20 0  1  1721

javascript - 모바일 단말에 미치는 작은 영향

아래로 스크롤하면 배경 이미지가 줄어듭니다. 질문: 이 애니메이션을 더 원활하게 작성하는 방법(모바일 버전)은 무엇입니까?

过去多啦不再A梦 2017-05-16 13:25:36 0  2  848

정확한 마우스 좌표를 얻지 못하는 문제: 페이지 크기를 조정할 때 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  757

javascript - jQuery는 모바일 페이지에 음향 효과 미리 로드를 어떻게 구현합니까?

모바일 페이지 애니메이션에는 음향 효과가 함께 제공됩니다. 음악을 처음 로드하면 음향 효과가 지연될 수 있습니다. 이 문제를 해결하는 방법은 무엇입니까?

phpcn_u1582 2017-05-19 10:41:56 0  2  636

javascript - 모바일 장치에서 화면을 빠르게 스크롤한 다음 클릭하여 스크롤을 중지합니다. 실수로 <a> 태그를 터치하고 클릭할 때 다른 페이지로 이동하는 것을 방지하는 방법은 무엇입니까?

1 질문: 모바일 장치에서 화면을 빠르게 스크롤한 다음 클릭하여 스크롤을 중지하는 경우 실수로 태그를 터치하고 클릭 시 다른 페이지로 이동하는 것을 방지할 수 있는 방법은 무엇입니까? 2 이는 모바일 단말기의 프론트엔드 개발에서 실제로 직면하는 문제이기도 합니다. 좀 더 구체적으로 말하면, 일반적인 상황에서 현재 페이지에 콘텐츠가 많을 때...

我想大声告诉你 2017-05-24 11:36:49 0  3  863

최근에는 2~3분 후에도 영상이 재생되지 않습니다.

문제 1: 위챗에서 재생 시 사진이 전체 화면으로 보이지 않습니다. 문제 2: 동영상이 계속 재생되지 않습니다. 2~3분 동안 재생할 때마다 새로 고침한 후 다시 시작해야 합니다.

西贤 2019-07-25 21:31:56 0  4  1707

javascript - 웹 사진의 얼굴 변화 기술 원리

내가 구현하고 싶은 기능 : 웹 모바일 단말기에서 내 휴대폰으로 정면 사진을 촬영한 후, 템플릿 사진 속 인물의 얼굴을 내 얼굴로 대체하고, 얼굴의 크기와 톤이 일치해야 함 템플릿 사진의 얼굴과 매끄럽게 융합됩니다. 발생한 문제: Tencent Youtu의 얼굴 특징 포지셔닝 인터페이스를 사용하여 얼굴을 추출했지만...

阿神 2017-06-20 10:07:05 0  1  2905

javascript - 모바일의 기본 뷰포트 크기 문제가 있습니까?

즉, 모바일 브라우저에는 기본적으로 뷰포트가 있습니다. 대부분의 모바일 장치의 기본 뷰포트는 980px입니다. PC 페이지의 너비가 980px인 경우 980px로 렌더링된 다음 특정 비율에 맞게 크기가 조정됩니다. 휴대폰 내에서 완전히 표시되면 페이지가 1200px이면...

过去多啦不再A梦 2017-05-19 10:36:25 0  1  561

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

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

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

javascript - webapp 페이지 점프 및 적응 문제.

최근 모바일 웹앱 개발을 배우고 있는데, 진행 중에 몇 가지 질문이 있습니다. 1. 페이지 간 이동을 위해 페이지 파일을 로드해야 하기 때문에 진행 중에 흰색 화면이 나타납니다. 어떻게 해결하셨나요? 로딩 레이어를 추가하면 로딩 효과가 나타납니까? 아니면 단일 페이지 애플리케이션을 만들기 위해 프레임워크를 사용해야 할까요? 반품...

曾经蜡笔没有小新 2017-05-18 10:45:49 0  1  505

모바일 장치에서 전체 너비 캐러셀 효과를 구현하는 방법

휴대폰이나 작은 화면 장치에서 캐러셀을 전체 너비로 만들려면 어떻게 해야 합니까? 어떤 도움이라도 대단히 감사하겠습니다. 아래 코드를 확인하거나 내 CodePen(https://codepen.io/nurzamf-the-lessful/pen/ZEodKGO<divclass="contain"><divid="owl-carousel"class= "owl)에서 직접 확인할 수 있습니다. -

P粉302484366 2023-08-31 09:17:45 0  1  749

javascript - rem 단위 호환성 문제, oppo 자체 브라우저 이미지의 높이가 제어되지 않는 이유는 무엇입니까?

rem을 사용하여 모바일 페이지를 만드세요 테스트 단계에서는 문제가 없었습니다.IOS, Android 및 기타 휴대폰에서는 모든 것이 완벽했지만 oppo 전화에 제공되는 브라우저로 페이지를 열면 실패했습니다. 사진의 높이가 맞지 않아 모든 사진이 완전히 길어졌습니다. 왜 그런 겁니까? 이것은 rem을 제어하는 ​​JavaScript 코드입니다.

大家讲道理 2017-06-26 10:53:25 0  1  1181

드래그 가능한 Framer Motion 구성 요소의 보존 위치

저는 위젯을 이동할 수 있는 위젯 대시보드를 만들고 있습니다. 제 목표는 위젯을 드래그한 후 위젯의 위치를 ​​유지하여 향후 세션에서 정확히 동일한 위치에 로드되도록 하는 것입니다. 다음은 프레이머 모션과 관련된 문제를 설명하는 코드샌드박스입니다: https://codesandbox.io/p/sandbox/interesting-sun-p8h6cu. 위젯의 초기 상단 및 왼쪽 값은 시작 위치를 올바르게 반영하지만 드래그할 때

P粉449281068 2024-03-31 22:29:49 0  1  480

javascript - 모바일 장치에서 재생할 비디오에 일반적으로 어떤 너비, 높이 및 품질을 사용합니까?

영상 소스 파일은 1080p, 3000kbps 이상의 영상으로 길이는 약 4분 정도이다. PC쪽에서는 720p, 1000kbps로 압축했는데 크기는 30M정도 됩니다. 그런데 모바일 단말기에 올려놓으려면 아직 크기가 좀 큰 것 같은데 어떻게 압축할지 결정이 안되네요. 너비, 높이, 비트 전송률 등과 같은 누르다...

大家讲道理 2017-06-12 09:25:10 0  1  839

다음과 같이 다시 작성된 제목: HTML 버튼에서 공백 제거

그래서 전자 기반 클라이언트에 대한 종료 버튼을 작성 중인데 화면 크기에 따라 크기를 조정하는 방법을 조사한 후 버튼 옆에 공백이 나타납니다. 또한 올바른 위치로 이동하려고 하면 아래에 거대한 흰색 상자가 생성됩니다. 왜 이런 일이 발생하는지 알고 문제를 해결하도록 도와줄 수 있는 사람이 있습니까? <body><webviewsrc="https://bapbap.gg"></webview><링크

P粉787934476 2023-09-15 13:01:31 0  1  688

CORS 문제 처리는 누가 책임져야 합니까?

저는 모바일 및 웹 애플리케이션용 Laravel 기반 GraphQLAPI를 개발 중입니다. 프런트엔드 개발자 중 한 분이 CORS 문제로 인해 API를 사용할 수 없다며 서버 측에서 CORS를 비활성화해 달라고 요청했습니다. localhost에 있는 그의 Vue 앱은 URL에 있는 내 테스트 API에 요청을 보내고 있습니다. 내가 아는 한 이것은 서버 측의 문제가 아니며 CORS는 서버의 보안 조치입니다. 개발을 위해 Vue 개발자는 로컬 호스트에 프록시를 추가하여 문제를 해결해야 한다고 생각합니다.

P粉478445671 2023-09-04 23:05:34 0  1  756