반응 형 웹 사이트를 반응 형 웹 사이트로 변경하는 소프트웨어

Question

웹 개발의 초보자입니다. 방금 만든 웹 사이트를 만들었습니다. 그러나 나는 초보자이므로 웹 사이트를 알맞게 만든 것입니다. 즉 반응이 없다는 의미입니다. 브라우저 크기를 변경하면 웹 사이트가 엉망으로 보입니다.

나는 내 웹 사이트를 업로드하고 반응 형으로 변경하려면 소프트웨어 또는 응용 프로그램이있을 수 있으며 내 웹 사이트는 자동으로 응답 형 웹 사이트로 변경 될 수 있다고 생각했습니다. 그래서, 내 질문에, 거기에 응답 할 내 웹 사이트를 바꿀 수있는 소프트웨어가 무엇입니까? 여기 내 웹 사이트에 그림이 있습니다.

Answer 1

직접 작성한 경우 미디어 쿼리를 사용해야합니다.

화면 크기에 따라 CSS를 조절할 수 있습니다. 당신이 초보자 경우

@media (max-width: 1000px) { 
    body { 
    background-color : green; 
    } 
} 

하지만 : 화면 미만 1,000 픽셀 (폭)의 경우, 신체의 배경이 녹색으로 될 것입니다 CSS 파일의 끝 부분에이 코드를 추가 할 경우 exemple 들어

반응 형 디자인에서는 부트 스트랩 프레임 워크 인 http://getbootstrap.com/을 사용하고 문서를 읽어야합니다. 반응 형 디자인을위한 완벽한 소개입니다. (부트 스트랩 클래스로 사이트를 조정하여 반응 형으로 만들 수도 있지만 좋은 방법은 아닙니다. 전에 생각해야합니다.))

재미있게 보내십시오. (나의 영어를 위해 유감 : p)

Answer 2

체크 아웃 Bootstrap. 그들은 또한 몇 가지 무료 기본 템플릿이 있습니다.