1. 모바일 따로, PC 따로 하는 건 반응형이라고 하기엔........

어떤 것으로 모바일을 구분하든지 방법은 있습니다.....

적용하고자 하는 언어나 문법을 알아야....

2. 가로 스크롤이 생기는 것보다는 줄 넘김이...

아니면 폰트 크기를 em으로 적용하세요.

반응형 웹이란, PC버전과 모바일버전의 구분없이 하나의 페이지로 PC와 모바일 (스마트폰)에 대응하게 만든 웹페이지를 일컫습니다. 반응형 웹사이트를 만들기 위해서는 CSS 작업이 가장 중요하며, 가로 사이즈를 기준으로 페이지를 다르게 표현하는 방법입니다. 

-- responsive.css --

@media screen and (max-width: 949px) {

PC버전에서 사용할 CSS
 }

@media screen and (max-width: 767px) {

아이패드 등에서 사용할 CSS
 }

@media screen and (max-width: 479px) {

스마트폰에서 사용할 CSS 
 }

위와 같은 방법으로 사용하며, 스마트폰의 사이즈를 더욱 더 상세하게 지정도 가능합니다. 

이미지의 경우에도 모바일에 사용시에 깨어지지 않게 사이즈를 조정해 주시면 될것으로 생각됩니다.