我正在尝试制作一个网页，根据您使用的设备改变其外观。
我认为媒体查询和视口是我需要使用的东西。
有人可以确认这一点并告诉我应该如何制作使用此功能的网页？
提前致谢
答案 0 :(得分：0)
有几种方法可以解决这个问题：
您可以使用用户代理测试（这是当您使用lime modernizer或php来测试用户代理时。然后您将使用PHP if语句或类似的内容为不同的设备加载不同的内容
你可以为每个设备使用相同的内容，只是改变它看起来使用CSS媒体查询的方式（这就是我使用的）你可以在应用程序中看到它在我的构建中称为LeadRocket app.myleadrocket .com创建一个帐户并缩小屏幕尺寸
欢呼声
P.S。这是一个很好的媒体查询锅炉板，这是我用来建立www.myleadrocket.com
的原因答案 1 :(得分：0)
将其粘贴到<head>部分：
<meta name="viewport" content="width=device-width">
该元标记将允许您使用媒体查询。然后在主css文件的末尾使用如下所示的媒体查询，根据屏幕宽度进行任何更改。
@media (max-width: 979px) {
/* Everything in here will be styled for small desktops */
}
@media (max-width: 767px) {
/* Everything in here will be styled for tablets */
}
@media (max-width: 480px) {
/* Everything in here will be styled for mobile */
}
媒体查询中的样式将覆盖样式表中先前使用的任何样式规则。