18910140161

HTML-有没有一种方法可以使用媒体最大宽度加载页面-堆栈溢出

顺晟科技

2022-10-18 12:22:07

106

希望你做得很好,我正在做一个项目,我遇到了这个问题,无论如何都要使用<link media="(max-width: 800px)" href="example.html">加载HTML项目?


顺晟科技:

好的,如果你指的是响应式设计,你可以在style.CSS文件中使用如下的媒体查询:

/* Start of your default CSS editing for desktop layouts */
.class-name {
        /* Styling of class for desktop (large) screens */
}
/* End of your default CSS editing for desktop layouts */

/* Here goes media queries for different layouts */

@media screen and (max-width: 768px) {
   .class-name {
        /* Styling of class for mobiles and tablets */
   }
}

@media screen and (max-width: 1024px) {
   .class-name {
        /* Styling of class for medium-sized screens */
   }
}
有关媒体查询

的更多信息,

请访问MDN文档

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航