怎么让html页面在手机和电脑采用不同的样式

发布网友 发布时间:2022-04-24 18:09

我来回答

2个回答

热心网友 时间:2022-05-05 00:55

你说的是分别引用不同的css文件吗
当宽度小于0px的时候加载css下的css-mobile.css
<link href="css/css-mobile.css" rel="stylesheet" type="text/css" media="screen and (max-width: 0px)">

当宽度大于0px的时候加载css下的css-pc.css
<link href="css/css-pc.css" rel="stylesheet" type="text/css" media="screen and (min-width: 0px)">

热心网友 时间:2022-05-05 02:13

采用响应式布局设计,CSS中的media query自动根据客户端的分辨率来使用相应的样式,甚至显示、隐藏某些页面元素。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com