layout.css에 스타일을 작성하면 모든 화면 크기와 / * #Media Queries 섹션에 적용되며 다음 섹션이 있습니다.
/* Smaller than standard 960 (devices and browsers) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
/* All Mobile Sizes (devices and browser) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
그래서 이것들 중 어느 것도 내가 원하는 것을하지 않습니다.
대형 화면 전용 CSS 코드는 어디에 작성해야합니까?
당신이 같은 div가 있다고 가정 <div claas="example"> </div>
이제 .example미디어 쿼리에서 언급 한 범위보다 큰 화면에 적용될 CSS를 작성 하십시오.
.example{
/*..for larger screen style goes here....*/
}
@media screen and (max-width: 1400px) {
.example {
/*...now give style for those screen which are less than 1400px...*/
}
}
@media screen and (max-width: 1300px) {
.example {
/*...now give style for those screen which are less than 1300px...*/
}
}
위의 코드에서 세 가지 스타일을 언급합니다.
편집하다::
"/ * 표준 960 (기기 및 브라우저)보다 큼 * /"
.example{
/*..style for larger than 960px....*/
}
@media screen and (max-width: 960px) {
.example {
/*..style for lesser than or equal to 960 px...*/
}
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다