怎么让手机网页和电脑网页互相切换

发布网友发布时间：2022-04-23 01:28

共16个回答

懂视网时间：2022-05-15 17:57

本文主要为大家详细介绍了javascript实现电脑和手机版样式切换，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望对大家有帮助。

<!DOCTYPE html> 
<html> 
 <head> 
 <meta charset="UTF-8"> 
 <title></title> 
 <style type="text/css"> 
 ul{ 
 list-style: none; 
 } 
 
 </style> 
 </head> 
 <body> 
 <ul> 
 <li>首页</li> 
 <li>公司概况</li> 
 <li>产品介绍</li> 
 <li>成功案例</li> 
 <li>合作伙伴</li> 
 </ul> 
 <p> 
 <button onclick="addStyle()">添加样式效果</button> 
 <button onclick="showStyle('pc')">电脑版</button> 
 <button onclick="showStyle('mobile')">手机版</button> 
 </p> 
 <script> 
 function addStyle() 
 { 
 //根据元素的标记名获取元素 
 var lis = document.getElementsByTagName('li'); 
 for(var i = 0;i<lis.length;i++) 
 { 
  lis[i].style.width = '150px'; 
  lis[i].style.height= '30px'; 
  lis[i].style.padding = '5px 10px'; 
  lis[i].style.marginTop = '1px'; 
  lis[i].style.backgroundColor = 'rgb(51,51,51)'; 
  lis[i].style.textAlign = 'center'; 
  lis[i].style.lineHeight = '30px'; 
  lis[i].style.color='#fff'; 
 } 
 } 
 
 function showStyle(type) 
 { 
 var lis = document.getElementsByTagName('li'); 
 for(var i = 0;i<lis.length;i++){ 
  if(type == 'pc'){ 
  //PC版 
  lis[i].style.float = 'left';//左浮动 
  //移除指定的属性 
  lis[i].style.removeProperty('clear'); 
  lis[i].style.width='150px'; 
  }else{ 
  //手机版 
  lis[i].style.clear = 'both';//清除浮动 
  lis[i].style.width='100%'; 
  } 
 } 
 
 } 
 </script> 
 </body> 
</html>

热心网友时间：2022-05-15 15:05

打开浏览器的设置，有一项浏览设置，你可以设置成手机，电脑，无，三个选项。这样就可以切换了

热心网友时间：2022-05-15 16:23

响应式HTML5的模式，记得是使用JS文件响应相对应的布局的。你百度一下使用代码搞的，如果是现在的建站CMS做的网站的话，都是可以自动响应的，不需要自己另外设置的

热心网友时间：2022-05-15 17:58

打开手机浏览器。我这里使用的是手机360浏览器。其他浏览器的设置方法也是一样的。

找到浏览器的“设置”。点击“设置”。

接着，在设置里找到高级设置。点击“高级设置”。如图。

找到“浏览器标识UA”。我们看到，如图，浏览器标识是手机模式。我们需要把它改变成电脑模式。

如图。已经变成电脑模式了。还有些浏览器不是显示电脑模式，而是选择“Chrome”。

热心网友时间：2022-05-15 19:49

直接打开浏览器，输入网址自动切换

热心网友时间：2022-05-15 21:57

这个不是简单的设置就可以的，他需要做网站的时候就开发好，一般都是建网站的时候就会建pc站和手机站两个，你用手机打开就会显示手机站，不过现在各大网站已经可以做到自适应模块网站，意思就是建站只建一个，但不同的打开会自适应终端设备

热心网友时间：2022-05-16 00:22

这个可以通过代码实现，或者也可以通过浏览器的设置完成，针对比较负责的场景，还可以通过ai实现

热心网友时间：2022-05-16 03:03

这个得看网页支持不支持，有的会自动切换，有的只有一种，有的可以手动切换。

热心网友时间：2022-05-16 06:01

浏览器设置，ua设置，把安卓改成 PC

热心网友时间：2022-05-16 09:16

因为手机和电脑都是可以联网的。

热心网友时间：2022-05-16 12:47

用数据线连挂电脑呀

热心网友时间：2022-05-16 16:35

用数据线跟电脑连接

热心网友时间：2022-05-16 20:40

用那个软件不就可以

热心网友时间：2022-05-17 01:01

因为手机和电脑联网。

热心网友时间：2022-05-17 05:39

按设置里面看一看

热心网友时间：2022-05-17 10:34

我们的生活

全部栏目

怎么让手机网页和电脑网页互相切换