모바일 화면을 가로전환시 이미지 크기조절

안녕하세요 

항상 답변 감사드려요

 

모바일 페이지 작성중 질문이 있습니다.

아래 이미지처럼요 세로 일때 기준으로 이미지 4개를 넣었습니다.

그런데 모바일이 가로화면전환을 지원하잔아요

가로로 바꾸니 이미지 크기가 그대로 이다 보니

모양이 흐트러지더라고요..

이거 모바일가로전환시 자동으로 조정되도록 가능할가요 ^^?

 


· 관련키워드

모바일가로사이즈변경, 모바일가로, 모바일가로로보기, 모바일가로보기, 모바일가로이미지크기,페이지편집,행열콘텐츠,편집화면,[RE]

공유하기
매뉴얼요청
분류
페이지관리
>모바일
등록자

김민주

등록일
2014-12-04
버전

[RE] 모바일 화면을 가로전환시 이미지 크기조절

안녕하십니까 홈페이지 요리사입니다. 

 

모바일 가로 크기로 전환시 이미지크기가 자동으로 변경되게 설정하는 방법입니다. 

 

행열콘텐츠 박스형태를 이용하여 이미지가 들어갈 공간을 구성합니다. 

 

-행박스의 속성의 ABA-layout-align 속성제거

-열박스의 가로크기값 제거 ABA-container-box 속성만남기고 모두제거

-콘텐츠박스 안에 이미지를 넣습니다. 

-콘텐츠(이미지) 이미지의 가로 값을 50%로 설정합니다. 

  페이지편집화면에서는 이미지가 위에서 아래로 쌓이는 형태로 보여지나 

  실제 화면에서는 이미지가 첫번째 이미지 뒤로 붙게 됩니다. 

 

tip 한 행열콘텐츠에 3개의 이미지를 넣을경우는 약 33%, 4개의 경우 25% 와같이 넣어 주시면 

  더많은 이미지를 넣을수 있습니다.  

 

 

 

 



관련키워드

모바일가로사이즈변경, 모바일가로, 모바일가로로보기, 모바일가로보기, 모바일가로이미지크기

등록자
등록일
2014-12-05 10:42
조회
1,739
사용자포럼(Q&A)
번호제목등록자등록일
21102

박충만

04-28
20025

홍영선

03-09
19311

이진혁

02-02
19239

장봉섭

01-28
19009

임성민

01-19
18853

성미정

01-14
18802

성미정

01-12
18707

정진수

01-08
18597

성순모

01-05
18298

김민호

12-17
18223

최성재

12-12
18153

김민주

12-09
18124

김민주

12-08
18066

김민주

12-04
18008

김태림

12-02