CMS (Joomla, Wordpress 및 기타)를 사용하는 경우 대형 모니터에서 휴대 장치에 이르기까지 모든 장치에 대한 모든 지원이 뛰어납니다. 따라서 레이아웃에 대해 걱정할 필요가없고 콘텐츠 부분에서만 작업해야합니다. `@media 쿼리 '를 사용하여 모든 장치와 모니터를 대상으로 할 수 있습니다. 그에 따라 레이아웃이 변경됩니다. 예를 들어 아래의 CSS 코드를 확인하십시오. 그에 따라 배경색이 변경됩니다.
@media (max-width: 400px) { /*for Mobile*/
html { background: red; }
}
@media (min-width: 401px) and (max-width: 800px) { /*For Tablets*/
html { background: green; }
}
@media (min-width: 801px) { /*For Desktop Monitors*/
html { background: blue; }
}
웹 사이트에 관해 언급 한대로; 주요 목적은 주요 목표를 달성하는 것입니다. 그리고 목표는 사용자가 언제든지 계정에 액세스 할 수 있도록하는 것입니다. 그리고 그것의 목표를 해결하십시오. 사용자 목표에 더 많은 영향을주는 것만 보여주고 있습니다.
html5'data-role'을 사용하여 데스크탑이나 모바일에 콘텐츠를 표시합니다. –
'미디어 쿼리 '는 가장 친한 친구입니다. – Siyah