모바일 및 메인 CSS 믹스

Question

내 웹 사이트, 메인 CSS 및 모바일 CSS를위한 두 개의 CSS 시트가 있습니다. 문제는 모바일 장치 (iPhone, Android)에서 볼 때 두 개의 스타일 시트가 섞여 있다는 것입니다. 예를 들어 iPhone에서 웹 사이트를 볼 때 주 스타일 시트의 스타일 중 일부가 적용됩니다.

이 문제의 원인은 무엇일까요? 다음은 내 CSS 선언은 다음과 같습니다

main.css가 파일이 당신이 당신의 주어진 매개 변수에서 호출 될 mobile.css의 미디어 쿼리 부분의 페이지에서 찾고있는 어떤 장치를 포함 할 것입니다

<link href="css/main.css" rel="stylesheet" type="text/css" /> 

<link media="only screen and (max-device-width: 480px)" href="css/mobile.css" type="text/css" rel="stylesheet" /> 
<meta name = "viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

Answer 1

다른 스타일 시트와 함께.

스타일에 문제가있는 경우 미디어 쿼리를 사용하여 main.css를 제외하거나 mobile.css 파일에서 이러한 스타일을 다시 선언하십시오.