테스트 사이트 - 개발 중인 베타 버전입니다

모바일 img width: 제거 또는 제어하려면 어떻게 해야 할까요? 채택완료

해피정 5년 전 조회 2,446

그누보드5 게시글 본문에 html 소스 형태로 아래와 같이 img 가 삽입되어 있습니다

아래처럼 삽입된 또다른 게시글도 있을껍니다.  그것은 다른 크기가 삽입되어 있겠죠

 

<img class="chimg_photo" style="border:;width:1024px;height:auto;" alt="" src="http://www.aaa.com/data/mw.cheditor/1912/57cf272855545b600a3dae3618fcc73d_bBPT14cNdwiNhdjl5eiZK2bYYV.jpg">

 

피씨 화면에서는 무리없이 잘 보이는데

모바일에서는 width 값이 작동해서 화면을 넘치는 영역은 보이지 않습니다.

 

img 의 테그속에 포함된 width 와 height 속성을 제거후 보여주고 싶습니다.

<img class="chimg_photo" style="border:;" alt="" src="http://www.aaa.com/data/mw.cheditor/1912/57cf272855545b600a3dae3618fcc73d_bBPT14cNdwiNhdjl5eiZK2bYYV.jpg">

이렇게요.....

 

view.skin.php 의 본문 보이는 소스인

<div id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div>

를 echo 찍기 전에 어떤 조치를 취하면 좋을까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트

 

에디터 컨텐츠 내에 max-width 를 잡으면 될텐데요..

그리고 이건 게시판 관리자 설정에서

 

 

이미지 폭 크기를 0 으로 주면

본문보다 큰 이미지일경우 자동으로 꽉 채워집니다.

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

해피정
5년 전
감사합니다 간단한(?) css 추가로 고민이 해결되었습니다

댓글을 작성하려면 로그인이 필요합니다.

D
5년 전

저도 css  !important 로 우선순위 잡는걸 추천드립니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

해피정
5년 전
감사합니다 새로운 css 정보를 알게 되었습니다.

댓글을 작성하려면 로그인이 필요합니다.

5년 전

모바일은 크롬 콘솔창과 실제 모바일화면이 다를수있으며 style로 다이렉트로 주시거나 important로하시면 될것 같습니다. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

해피정
5년 전
img 제어하는 너무나 좋은 정보 감사합니다
덕분에 많은 곳에 적용이 될듯 싶어요

댓글을 작성하려면 로그인이 필요합니다.

5년 전

정규식으로 제거해도 되겠지만

css에서 미디어 쿼리를 활용하여 특정 해상도 밑에서는  width:auto !important; 등으로 옵션을 줘도 될 것 같습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

해피정
5년 전
css 로 간단(?) 해결이 된다니 너무 행복합니다
감사합니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인