2016-01-13 41 views
-1

我试图打开我的手机上我的最新网站设计,并让它匹配屏幕时,我去的网址。然而,它总是打开得更大,我必须双击屏幕才能将其调整到正确的大小。移动版网站总是打开比屏幕大得多

我已经试过:

<meta name="viewport" content="width=device-width, initial-scale=1"> 

但没有什么工作。请在我的网站和HTML视图来源:

http://directsellers.org/NeverTakeNo4Answer/LetsGo.html

,并告诉我,我需要修复。谢谢。

+0

检查你的代码,因为我看不到响应部分的任何代码/行。 –

+0

页面中没有css文件。请检查。 –

+0

该CSS是在html的头部分,我没有任何附加的页面 – WillingLearner

回答

0

您错过了自适应设计的CSS。您需要使用媒体查询来定位设备宽度,并为移动设备和平板电脑编写CSS。

请按照下面的链接了解它。 http://www.zell-weekeat.com/how-to-write-mobile-first-css

+0

媒体查询已经在文件中,并且该网站已经被调用了独特的用于移动的CSS。 @media只有屏幕和(最大宽度:400px){ 该行已经存在。一切工作,除了网站开放大得多,然后需要双击攻入正确的大小 – WillingLearner

0

我遇到了像你一样的问题。 所以你必须设置你的HTML和身体宽度,而不是百分比或像素,但在VW(视口宽度)。例如:

body, html { 
width: 100vw; 
min-width: 100vw; 
max-width: 100vw; 

overflow-x: hidden 
overflow-y: auto 
} 

我这样做,它的工作原理。

+0

thanx试图帮助,但你不能管理你的整个网站的响应与几行。您必须根据您的要求对其进行编码,因此请不要发布如此低的答案。 Thanx –

+0

@Leothelion我知道,他只是问,当他打开一个网站时,它看起来很大,但是如果您将最大宽度更改为您的视口宽度,那可能会解决问题。我知道响应式设计需要重新编码几乎所有的东西,但我只是根据他有 – Godje

+0

的问题回答了一个问题,我刚刚尝试过这些代码,但它并不适用于我。 – WillingLearner

0

你给定的宽度。只要给width:100%。所有div和内容。它会自动响应

+0

不起作用。我曾试过 – WillingLearner