gpt4 book ai didi

html - 媒体查询不适用于移动设备

转载 作者:太空宇宙 更新时间:2023-11-03 22:55:10 24 4
gpt4 key购买 nike

我目前正在开发一个网站,该网站应该根据屏幕大小在不同样式表之间进行切换。当我在我的笔记本电脑浏览器上测试它时它工作得很好,当我调整浏览器窗口的宽度时改变样式,但它在我的手机上不起作用。我只得到桌面样式表,我不确定为什么。我用来查看网站的手机是三星 Galaxy S4,在 Firefox 和 Chrome 上显示相同。

<link rel="stylesheet" type="text/css" media="screen and (min-width:1200px)" href="css/styles_desk.css">
<link rel="stylesheet" type="text/css" media="screen and (min-width: 768px) and (max-width: 1024px)" href="css/styles_tablet.css">
<link rel="stylesheet" type="text/css" media="screen and (min-width: 320px) and (max-width: 480px)" href="css/styles_mobile.css">

最佳答案

确保视口(viewport)已设置

<meta name="viewport" content="width=device-width, initial-scale=1.0">

关于html - 媒体查询不适用于移动设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38736788/

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