비오에스

메인메뉴

모바일 페이지 이미지 확대

 

 

1 . 지금 홈페이지를  모바일에서 볼수 있게 게시판은 연동 하고 일반페이지 "회사소개" "가입상당" 등 은 모바일 페이지를 추가로
만들어야된다고 하여 만들어서 적용 하여 잘 보여지고 있으나...

게시판같은 경우는 게시판에 사진을 올리면 이미지 확대 버튼 "이미지 하단 오른쪽"에 + 버튼이 있어 이미지를 확대하여 볼수 있습니다

그런대 일반페이지 같은경우는 미지 확대가 대지 안고 있습니다
텍스트로 작업한 페이지도 있지만  대부분 사진이 많아 이미지를 올려놓은 상테인대
모바일 사이즈에 맞게 나오기는 하나  이미지를 클릭 또는 확대가 버튼이 없어 이미지를 크게 볼수가 없습니다
이미지 사이즈를 조정하면서 볼수 있게 하려면 어떻게 해야되나요

모바일 페이지 제작할때
이미지 가로싸이즈를 100% 설정하였습니다

100% 설정안하면 페이지 이미지가 원본싸이즈로나오고 이동 크기조정이 되지 안습니다

이미지 확대 축소 하면서 모방일에서 볼수있게 페이지설정 방법 알려주세요^^

2. 모바일 메인 아이콘 밑에 글자 크기를 변경하려고 하는대 글자 크기(폰트사이즈)는 어디서 변견해야되나요? 
   -끝태그뒤 에 글자작성하는부분에 태그를 넣어도 변경이 안되요

-
 

· 관련키워드

홈페이지, ,모바일웹,[RE],view,캐시,쿠키,important

공유하기
분류
페이지관리
>기타
첨부파일
확장자는jpg333.jpg
등록자

윤신혜

등록일
2019-01-13
조회
28
답변완료

[RE] 모바일 페이지 이미지 확대

1. 모바일 레이아웃에 들어있는 확대축소 제한 기능을 제거하셔야 합니다.
레이아웃 분류에 있는 'M-서브' 페이지의 편집화면으로 이동 > 헤더&메타&JS 클릭해보시면
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=no"> 라는 내용이 있는데요, 아래와 같이 수정해주시기 바랍니다.
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=3.0">

위 작업 후에는 사용하시는 스마트폰 기기의 캐시/쿠키를 삭제하셔야 반영됩니다.
* 특정 기기나 앱에서 모바일웹용 viewport meta 태그 설정을 무시하거나 강제로 지정해놓은 경우 확대/축소가 불가능할 수 있습니다.

 



2. 메인페이지 편집화면 > 헤더&메타&JS > 첫번째 입력상자에 아래 내용을 붙여넣어주세요. (붙여넣기 후 숫자부분 수정)
<style>
ul.ABA-home-gnb li span {font-size:14px !important;}
</style>

 


공유하기
등록자

조현정

등록일
2019-01-14
조회
19