차양순   2014/06/03 PM 06:46

안녕하세요 링크공주님 질문이 있어서요
html 과 css로 홈페이지 만드는데 pc에서는 사진이 잘뜨는데 모바일에서는 사진이커서 짤려나오는데
모바일에서 화면을 자동으로 맞춰주는 방법이 있다면 알수 있을까요?

_링크공주   2014/06/04 AM 04:24

max-height, max-width, 미디어쿼리, 단위를px에서 %로 바꿔쓰는 등등..을 활용 하시면 될겁니다.
구글에 반응형웹 관련검색해보시면 많이 찾으실수 있을거에요
제가 아직 반응형 웹을 안해봐서 확답을 드릴수가 없네요 ㅠㅠ

차양순   2014/06/04 PM 06:12

px 를 %로 써서 해야겠네요 답변 감사합니다. ~

샤우드[眞]   2014/06/03 PM 06:13

젤다공주(..) 님의 마이피 소스를 훔쳐가는 것을 용서해주세요~

_링크공주   2014/06/04 AM 04:25

어우 얼마든지 쓰세요 제 마이피소스는 열려있습니다 ㅋㅋㅋ

_링크공주   2014/06/04 AM 04:25

그나저나 배경깜짝놀랐습니다 ㅋㅋㅋㅋ

샤우드[眞]   2014/06/04 PM 01:42

마음에 드는 거 나오기 까지는 그냥 다 임시에요 임시! 흠흠

☆부활★파늑   2014/06/01 PM 02:18

나도 마이피 진화크 하고시프다

_링크공주   2014/06/01 PM 11:29

진화하시죠 ㄱㄱㄱ

손님맞을래요?   2014/06/01 AM 11:12

우와
링크공주님 마이피는 끊임없이 진화하네요 ㅋㅋ
덕분에 마이피소스 잘 쓰고있습니다.

_링크공주   2014/06/01 AM 11:30

꾸준히 하다보니 CSS에 대해 늘긴 느는것 같아요
제 미천한 소스 써주셔서 감사합니다 ㅎㅎ

칼쑤마졍이   2014/06/01 AM 04:45

마이피 쩝니다...소스 감사 합니다...제 마이피가 한결 예뻐지고 깔끔해졌습니다...
마우스 커서를 사진에 갖다 대면 사진이 커지는 소스도 알고 싶습니다...

_링크공주   2014/06/01 AM 09:03

헠 저는 이제 잊혀진줄 알았었는데 감사합니다.
보니까 댓글부분에 치명적인 문제가 있는것 같습니다 ㅠㅠ
마이피 가보니 댓글내용이 옆으로 밀렸더군요 ㅠㅠ 죄송합니다.

#mypiRead .mypiReply {
background: rgba(216, 216, 216, 0);
padding: 0 15px;
line-height: 210%;
}
이 부분을

#mypiRead .mypiReply {
background: rgba(216, 216, 216, 0);
padding: 0 15px;
}

이렇게 수정해주시면 됩니다 ㅠㅠ
당시 CSS에 너무 미숙해서 실수한것같습니다.

사진확대는 아래의 소스를 넣어주시면 됩니다 ㅎㅎ
.story img {transition: all 0.4s ease;}/*링크 이미지*/
.story img:hover {width:600px; height:600px;}
.photo img {transition: all 0.4s ease;}/*마이피 업로드 이미지*/
.photo img:hover {width:600px; height:600px;}

그림자 효과도 넣으시고 싶으시다면 box-shadow: 0px 0px 80px #ccc; 를 2개의 hover에다 넣어주시면 됩니다

_링크공주   2014/06/01 AM 09:08

혹시 또 이상한게 보이시면 연락주세요 ㅎㅎㅎ

_링크공주   2014/06/01 AM 09:44

.story img:hover {-webkit-transform: scale(1.25);}
.photo img:hover {-webkit-transform: scale(1.25); }
확대 이렇게 수정하여 주세요 ㅠㅠㅠ
큰 이미지를 생각하지 못했습니다 ㅠㅠ

Wing-Zero   2014/06/01 AM 04:23

카피 라이더 지우신게 신기하내요

루리웹 카피라이더 대문에 배너가 가려서요 궁금하내요

강좌 한번 부탁드릴께요!

그리고 친구 신청도 같이 드립니다!

_링크공주   2014/06/01 AM 08:55

헠 친추 감사합니다 카피라이더는
.footer_ruliweb {
display: none;
}
넣어주시면 바로 사라집니다.
그부분의 여백도 남기면서 사라지게 하려면
display:none; 대신 visibility: hidden; 를 넣어주시면 되요 ㅎㅎ

Wing-Zero   2014/06/01 AM 09:51

오 단번에 해결됬습니다 visibility: hidden; 로 감사합니다!

SSIC   2014/05/26 AM 04:58

마이피소스 잘사용하고있습니다 감사합니다.

_링크공주   2014/05/26 PM 07:16

감사합니다 ㅠㅠ

_링크공주   2014/05/26 PM 11:36

혹시 이상한점 발견하시면 연락주세요 초기에 만든거라 이상하게 짠게 좀 있을수있어요

늑프   2014/05/01 AM 12:48

언제 어디서든 나타납니다.

링크공주.   2014/05/02 AM 08:12

으아아아아아!!

미카엘­라   2014/04/25 PM 11:13

안녕하세요 링크공주님 마이피 질문좀 해도될까요?

링크공주.   2014/04/26 AM 02:26

네 무엇을 도와드릴까요?

카시와자ㅋI 세나   2014/04/14 PM 12:59

크롬 확장 기능 잘쓰고 있습니다
감사합니다.

링크공주   2014/04/14 PM 03:15

써주셔서 정말 감사합니다!!