两套网页代码,怎么在电脑端和移动端显示各自的样式

两个不同的网页代码,怎么让其识别设备,在电脑端和移动端显示各自的样式

如果你是PC站点和移动端站点的话,可以获取用户的浏览器信息,判断是PC还是移动端,来自动跳转到对应的站点。

如果你是一个站点,那你开发时可以选用自适应的前端框架进行开发,框架会在不同的分辨率下进行自适应。

你可以参考这个回答 https://ask.csdn.net/questions/7878975?answer=54051243

可以使用媒体查询(Media Queries)来实现,媒体查询可以根据设备的特性,如分辨率、屏幕尺寸等,来加载不同的样式。例如,可以使用以下代码来实现:

@media only screen and (max-width: 600px) {
  /* 移动端样式 */
}
@media only screen and (min-width: 600px) {
  /* 电脑端样式 */
}