我需要帮助使我的网站对移动设备友好，我已经尝试了我能找到的每一个建议，但没有任何效果

【问题标题】：I need help making my web site mobile friendly, I have tried every suggestion I can find and nothing is working我需要帮助使我的网站对移动设备友好，我已经尝试了我能找到的每一个建议，但没有任何效果
【发布时间】：2017-09-12 23:20:52
【问题描述】：

我已经用 HTML 编码好几年了，这是我第一次需要让我的网站对移动设备友好。我在网上查找了移动友好型并尝试了所有建议，但仍然没有任何东西可以使移动网站正常工作。目前我只为移动设备创建了大约 6 个页面，因此整个网站目前无法用于移动设备。

当您通过直接在搜索栏中输入 M.pagename.html 来加载移动站点时，它会正确加载，但是当您在移动设备上输入桌面页面名称时，它应该会显示 m.page 名称，但它不会它会调出桌面页面。我确信这是我做的不对的事情，并且在移动网站方面有更多经验的人可以很容易地查看和修复。我愿意尝试任何能让这项工作发挥作用的方法。

所有帮助将不胜感激。

桌面网页index.html移动网页示例在此示例下方

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N3SCXB6');</script>
<!-- End Google Tag Manager -->
<meta name="keywords" content="Amigo, Vape, e Cig, Atomizer, Mod, Low Priced Vape, Cheap Vape, Discount Vape, Vape Deals, Ultimate Vape Deals, Vape 101, Your Vape, Vape World, Vape cart, Smok, Wismec, Itsuwa" />
<meta name="description" content="We specialize in the distribution of vape kits from the starter kit to the professional kit, including coils, Mods, Atomizer, e Cigarette, parts." />
<meta name="robots" content="index, follow">
<meta name="msvalidate.01" content="F7D5EB809B0143B3230091FECC3E6E56" />
<meta name="google-site-verification" content="Y_qBasS5tQhExv6mwMA90_Ge12-jY4D_xpz7k3mYeBY" />
<meta name="revisit-after" content="15 days">
<link rel="alternate" media="only screen and (max-width: 320px)" href="M.index.html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="content-language" content="en-us">
<title>Low Priced Vape - Amigo, Vape, e Cigarette, Atomizer, Mod</title>
<!-- Amigo, Vape, e Cig -->
<style type="text/css">
<!--
#Layer1 {
    position:absolute;
    width:131px;
    height:60px;
    z-index:1;
    left:0px;
    top:221px;
}
#Layer2 {
    position:absolute;
    width:131px;
    height:60px;
    z-index:2;
    left:0px;
    top:281px;
}
#Layer3 {
    position:absolute;
    width:131px;
    height:60px;
    z-index:3;
    left:0px;
    top:341px;
}
#Layer21 {
    position:absolute;
    width: 1300px;
    height: 220px;
    z-index:21;
    left:0px;
    top:0px;
}
#Layer22 {
    position:absolute;
    width:46px;
    height:347px;
    z-index:22;
    left:1254px;
    top:221px;
}
#Layer33 {
    position: absolute;
    width: 1090px;
    height: 325px;
    z-index: 33;
    left: 145px;
    top: 228px;
    font-family: Arial;
    font-size: 18px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    border: medium solid #00F;
}
#Layer80 {
    position: absolute;
    width: 524px;
    height: 60px;
    z-index: 80;
    left:458px;
    top:745px;
    }
.style2 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 12px;
}
.style3 {
    font-size: 14px;
    font-weight: bold;
}
body {
    background-color: #3777A3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #FFF;
}
-->
</style>

<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-96730073-2', 'auto');
  ga('send', 'pageview');

</script>
<link rel="alternate" media="only screen and (max-width: 320px)" href="M.index.html">
</head>

<body onload="MM_preloadImages('images/HomeB.jpg','images/AboutB.jpg','images/vapeB.jpg')">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3SCXB6"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<link rel="alternate" media="only screen and (max-width: 320px)" href="M.index.html">
<h1>Amigo, Vape, e Cig, Atomizer, Mod, Low Priced Vape, Cheap Vape, Discount Vape, Vape Deals, Ultimate Vape Deals, Vape 101, Your Vape, Vape World, Vape cart, Smok, Wismec, Itsuwa</h1>
<div id="Layer21"><img src="images/LP.gif" width="1300" height="220" alt="Vape" /></div> 
<div id="Layer1"><a href="index.html"><img src="images/HomeA.jpg" alt="Home" width="131" height="60" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/HomeB.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></div>
<div id="Layer2"><a href="Vape.html"><img src="images/VapeA.jpg" alt="Vape" width="131" height="60" border="0" id="Image2" onmouseover="MM_swapImage('Image2','','images/vapeB.jpg',2)" onmouseout="MM_swapImgRestore()" /></a></div>
<div id="Layer3"><a href="About.html"><img src="images/AboutA.jpg" alt="About" width="131" height="60" border="0" id="Image3" onmouseover="MM_swapImage('Image3','','images/AboutB.jpg',3)" onmouseout="MM_swapImgRestore()" /></a></div>
<div id="Layer22"><img src="images/Welcome.jpg" alt="Welcome" width="46" height="347" /></div>
<div id="Layer33" align="center"><p><font size="+2" face="Courier New, Courier, monospace">We have over 30 years combined marketing experience.  We have operated several businesses over this period and are dedicated to customer satisfaction. Our current business specializes in the vaping industry and we represent some of the largest vaping e-cigarette companies.  If you need, more information please send us a request and we will reply within 24 hours.</font></p><p><a href="Contact.php"><center><font size="+2" face="Courier New, Courier, monospace" color="#FFFFFF">Click here to contact Us.</font></center></a></p><p>&nbsp;</p><a href="http://www.hitwebcounter.com" target="_blank"><img src="http://hitwebcounter.com/counter/counter.php?page=6636199&style=0005&nbdigits=5&type=page&initCount=5000" title="Counter" Alt="Counter"   border="0" ></a></div>
<div id="Layer80">This site built and maintained by <a style="text-decoration: underline;" href="http://www.lowpricedvape.com"><font color="#FFFFFF">www.lowpricedvape.com</font></a><br /> <font color="#3999A9"> Amigo, Vape, e Cig, Atomizer, Mod, Low Priced Vape, Cheap Vape, Discount Vape, Vape Deals, Ultimate Vape Deals, Vape 101, Your Vape, Vape World, Vape cart, Smok, Wismec, Itsuwa</font></div>
</body>
</html>

移动网页 www.lowpricevape.com/M.index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N3SCXB6');</script>
<!-- End Google Tag Manager -->
<meta name="keywords" content="Amigo, Vape, e Cig, Atomizer, Mod, Low Priced Vape, Cheap Vape, Discount Vape, Vape Deals, Ultimate Vape Deals, Vape 101, Your Vape, Vape World, Vape cart, Smok, Wismec, Itsuwa" />
<meta name="description" content="We specialize in the distribution of vape kits from the starter kit to the professional kit, including coils, Mods, Atomizer, e Cigarette, parts." />
<meta name="robots" content="index, follow">
<meta name="msvalidate.01" content="F7D5EB809B0143B3230091FECC3E6E56" />
<meta name="google-site-verification" content="Y_qBasS5tQhExv6mwMA90_Ge12-jY4D_xpz7k3mYeBY" />
<meta name="revisit-after" content="15 days">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="index.html">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-language" content="en-us">
<title>Low Priced Vape - Amigo, Vape, e Cigarette, Atomizer, Mod</title>
<style type="text/css">
<meta charset="utf-8">

<!--
#Layer1 {
    position:absolute;
    width:1px;
    height:1px;
    z-index:4;
    left:1px;
    top:1px;
}
#Layer1 {
    position:absolute;
    width:100px;
    height:46px;
    z-index:1;
    left:0px;
    top:121px;
}   
#Layer2 {
    position:absolute;
    width:100px;
    height:46px;
    z-index:2;
    left:0px;
    top:167px;
}
#Layer3 {
    position:absolute;
    width:100px;
    height:46px;
    z-index:3;
    left:0px;
    top:213px;
}
#Layer4 {
    position:absolute;
    width:1px;
    height:1px;
    z-index:4;
    left:1px;
    top:1px;
}   
    #Layer7 {
    position:absolute;
    width:100px;
    height:92px;
    z-index:7;
    left:0px;
    top:259px;
}
#Layer21 {
    position: absolute;
    width: 320px;
    height: 120px;
    z-index: 21;
    left: 0px;
    top: 1px;
}
#Layer30 {
    position: absolute;
    width: 220px;
    height: 220px;
    z-index: 30;
    left: 101px;
    top: 123px;
}
#Layer41 {
    position: absolute;
    width: 217px;
    height: 110px;
    z-index: 41;
    left: 101px;
    top: 341px;
}
    #Layer42 {
    position: absolute;
    width: 215px;
    height: 430px;
    z-index: 42;
    left: 101px;
    top: 123px;
    font-family: Arial;
    font-size: 18px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    border: medium solid #00F;
}
    #Layer43 {
    position: absolute;
    width: 315px;
    height: 145px;
    z-index: 43;
    left: 0px;
    top: 745px;
    font-family: Arial;
    font-size: 18px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    border: medium solid #00F;
}   
#Layer65 {
    position: absolute;
    width: 220px;
    height: 30px;
    z-index: 65;
    left: 101px;
    top: 463px;
}
#Layer66 {
    position: absolute;
    width: 220px;
    height: 30px;
    z-index: 66;
    left: 101px;
    top: 498px;
}
#Layer80 {
    position: absolute;
    width: 320px;
    height: 100px;
    z-index: 80;
    left: 0px;
    top: 760px;
}
.style2 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 18px;
}
.style3 {
    font-size: 14px;
    font-weight: bold;
}
body {
    background-color: #3777A3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #FFF;
}
-->
</style>

<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
//-->
</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-96730073-2', 'auto');
  ga('send', 'pageview');

</script>
<link rel="canonical" href="index.html">
</head> 
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3SCXB6"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<link rel="canonical" href="index.html">
<div id="Layer4"></div>
<div id="Layer1"><a href="M.index.html"><img src="images/HomeA.jpg" alt="Vape" width="100" height="46" border="0" id="Image1"  /></a></div>
<div id="Layer2"><a href="M.Vape.html"><img src="images/VapeA.jpg" alt="Vape" width="100" height="46" border="0" id="Image2" /></a></div>
<div id="Layer3"><a href="M.About.html"><img src="images/AboutA.jpg" alt="About" width="100" height="46" border="0" id="Image3" /></a></div>
<div id="Layer7"><a href="http://Shop.lowpricedvape.com" target="_blank"><img src="images/ShopA.jpg" alt="Shop" width="100" height="92" border="0" id="Image7" /></a></div>
<div id="Layer21"><img src="images/MHeader.jpg" alt="Vape" width="320" height="120"/></div>
<div id="Layer42" style="border: solid; color: navy" align="center"><font color="#FFFFFF" size="+1">We have over 30 years combined marketing experience.  We have operated several businesses over this period and are dedicated to customer satisfaction. Our current business specializes in the vaping industry and we represent some of the largest vaping e-cigarette companies.  If you need, more information please send us a request and we will reply within 24 hours.</font><br><p><a href="M.Contact.php"><font color="#FFFFFF" size= "+2">Click here to contact Us.</font></a></p></div>
<div id="Layer80">This site built and maintained by <a style="text-decoration: underline;" href="http://www.lowpricedvape.com"><font color="#FFFFFF">www.lowpricedvape.com</font></a><br /> 
<font color="#3999A9"> Amigo, Vape, e Cig, Atomizer, Mod, Low Priced Vape, Cheap Vape, Discount Vape, Vape Deals, Ultimate Vape Deals, Vape 101, Your Vape, Vape World, Vape cart, Smok, Wismec, Itsuwa</font></div>
</body>
</html>

【问题讨论】：

标签： html mobile


【解决方案1】：

尝试在您的桌面页面上使用此脚本。

<script type="text/javascript">
<!--
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {

document.location = "mobile.html";
}

</script>

【讨论】：

  • 另一个建议，是时候学习响应式网页设计了。这将帮助您维护 1 个单页并使该页面具有响应性。所以它在桌面和移动设备上的页面相同。
  • 这不起作用，现在您将我的问题标记为 -1，因此大多数人甚至不会看问题并尝试提供帮助。我是一名残疾退伍军人，试图在互联网上销售产品谋生，但运气不佳，因为我无法让我的网站适合移动设备。
  • 对不起你的情况，这只是一个建议，你做不做取决于你，如果你学习它会很棒，花时间阅读它，w3schools.com就是这样to go.. 有很多很好的内容。
  • 我收到了一个错误代码，然后添加了 //--> 它在第一个移动页面上运行。现在我只需要创建其他移动页面。感谢您的帮助。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-12-21
  • 1970-01-01
  • 2021-05-04
  • 2011-01-22
  • 1970-01-01
  • 2013-02-10
  • 1970-01-01
相关资源
最近更新 更多
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode