javascript - 모바일 브라우저의 사진 뷰어에서 img 사진이 열리지 않도록 하는 방법

Question

1. 안녕하세요 여러분~ 광고페이지와 랜딩페이지 제작 중 문제를 발견했습니다

2. 랜딩페이지, 광고페이지와 유사한 페이지의 경우, 안드로이드 UC 브라우저에서 이미지 클릭 시 이미지 보기로 변경됩니다. (다른 브라우저에서는 볼 수 없습니다.)

3. 페이지 코드 구조는 다음과 같습니다.

으아악

4.img는 휴대폰 전체를 덮는 사진입니다. 사진을 클릭하면 사진 보기가 됩니다. UC 모바일에서 이 사진 뷰어를 방지/비활성화하는 방법

5. 또한 비즈니스 요구 사항은 배경 이미지로 대체할 수 없습니다 = =. 이전에도 고려했지만 img만 사용할 수 있습니다.

6. img의 두 문단에 태그를 추가하면 문제가 해결되었습니다~

으아악

Answer 1

1. CSS를 사용하여 배경 만들기

2. onclick="javascript: return false"

Answer 2

배경에 직접 만들어 보세요. 매우 간단하고 간단하지 않나요