gpt4 book ai didi

html - CSS - 移动设备

转载 作者:太空宇宙 更新时间:2023-11-04 04:31:25 24 4
gpt4 key购买 nike

我有两个 .css 文件,一个用于 @media only screen 另一个 @media only max-device-width: 480px

html 文件中,我有这个:

<link rel="stylesheet" href="welcome_mobile.css"media="only max-width: 480px" type="text/css"/>
<link rel="stylesheet" href="welcome_style.css"media="only screen" type="text/css"/>

但是手机屏幕不工作,它仍然显示桌面屏幕。我该怎么办?

最佳答案

更改 <link>顺序 :) - 可能有效取决于您编写代码的方式...

您还可以设置为 welcome_style.css media="only screen and (min-width:480px)"

你的问题是only screen对于移动设备仍然适用..

关于html - CSS - 移动设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17226018/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com