Fatal编程技术网
  • javascript/
  • Javascript 如何为每部智能手机设置标准的网站移动版本

Javascript 如何为每部智能手机设置标准的网站移动版本

javascript html css

Javascript 如何为每部智能手机设置标准的网站移动版本,javascript,html,css,Javascript,Html,Css,我的网站（）有一个我无法解决的错误。我设置了两个不同的.css文件，一个用于desktop.style.css，另一个用于mobile.handled.css。在我的索引中，我设置了以下代码： <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="style.css" media="only scr

我的网站（）有一个我无法解决的错误。我设置了两个不同的.css文件，一个用于desktop.style.css，另一个用于mobile.handled.css。在我的索引中，我设置了以下代码：

 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="style.css" media="only screen and (min-width: 1121px)">
 <link rel="stylesheet" type="text/css" href="handheld.css" media="only screen and (max-width:1120px)">
它是有效的。 问题是，如果我在我的电脑上调整页面大小，我可以看到我网站的正确移动版本，但如果我尝试从智能手机访问它，我不知道为什么，但它不会像从电脑调整内容大小那样调整正确的内容。只有在谷歌浏览器上选择“桌面模式”，我才能在手机上看到正确的视图。在这种情况下，我没有桌面版本，而是移动版本，因为我从计算机的调整大小窗口中看到了它。 我怎样才能解决它？
如果你点击我的网站并尝试，我相信你能理解。我希望我的解释不是太糟糕。我提前道歉。

您的HTML有一个基本错误：

<!DOCTYPE html>
<html lang="en">
<link rel="icon" 
type="image/png" 
href="Images/Icon-SaulEezy.png">
<head>
您必须在
之后执行
，这可能就是您的
被忽略的原因

换成

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" 
type="image/png" 
href="Images/Icon-SaulEezy.png">
然后在您的移动设备中进行检查。

您是否添加了此
是的，我更新了我的问题。。。对不起，在编辑之前我没有在手机上签过，但现在它已经很完美了。我确定在进行此更改后，您尚未清除移动浏览器上的缓存。你的index.html是由浏览器缓存的。我在Opera Touch和Google Chrome中都测试过。你能给我一个屏幕截图吗？你做了什么？即将到来的按钮在手机和小窗口桌面上都消失了。