不显示手机的 css 媒体屏幕

【问题标题】：Not showing css media screen for phone不显示手机的 css 媒体屏幕
【发布时间】：2022-12-09 19:39:50
【问题描述】：

我只用 html、css 和少量 js 创建了我的网站。现在我想改变，这样这个网站也可以在手机、平板电脑上显示。我尝试了一切，但没有任何反应。

我有这段代码，但仍然没有。

【问题讨论】：

【解决方案1】：

你试过媒体查询了吗？以下只是一个示例代码以及如何为不同的媒体设备更改它们

    /*tablets*/
    @media screen and (max-width: 768px) {
    .example  { 
    width: 60%
font-size: 1.5rem}
}

/*phones*/
@media screen and (max-width: 480px) {
.example { 
    width: 80%
font-size: 1rem}
}

看看A Complete Guide to CSS Media Queries

【讨论】：