달리는 자동차

마우스 우클릭 인쇄시 인쇄경로 나올때 본문

HTML,CSS/독학

마우스 우클릭 인쇄시 인쇄경로 나올때

@또또 2021. 1. 27. 20:07

출처: phodobit.kr/47

 

크롬, IE 등 웹브라우저에서 인쇄할때 하이퍼링크(a 태그)에 주소(URL)가 같이 나오는 경우

이 사진과 같이 웹브라우저에서 페이지를 인쇄할 때 하이퍼링크(a 태그)의 주소(URL)가 붙어서 나오는 경우가 있었다. 그저 웹브라우저로 보는 화면은 위와 같은데 인쇄할때만 계속 주소가 붙어

phodobit.kr

 

이유 : bootstrap(부트스트랩)이 문제인 것이였다.

 bootstrap 3에서만 발생하고, bootstrap 4에서는 발생하지 않는다.

해결 : 

< 방법2 (개발자가 고치려는 경우) >

영향을 받는 페이지 또는 모든 common include(공용 포함) css 또는 style 태그에 아래와 같은 코드를 넣어준다.

@media print {
    a:after {
        content: "" !important;
    }
}

인쇄 화면에서 bootstrap 3가 만들어주는 내용물을 없애버리는 것이다.

base.css 에서 @media print 추가 하여 해결  

 

 

아니도데체 왜 홈페이지를 출력해서 보는거냐고 왜오애오ㅓㅐ왜오애ㅗㅇ 

그냥 캡쳐해도 되자나 왜 출력하냐고 

'HTML,CSS > 독학' 카테고리의 다른 글

html 정리 5  (0) 2020.08.23
CSS 정리1  (0) 2020.08.23
html 정리4  (0) 2020.08.22
html 정리3  (0) 2020.08.21
HTML정리2  (0) 2020.08.21
Comments