Question

我有一个必须对手机做出响应的网站。我用我的桌面创建了它。当我调整浏览器窗口时，它可以完美地用于手机，但是当我在真正的手机上查看它时：HTC E9它对移动视图没有响应。我使用wordpress请给出解决方案

Answer 1

您正在使用哪个框架＆＃34; BOOTSTRAP 3.0＆＃34;和简单的媒体查询。和检查支持移动平台的标题中的元标记： -

Dim MinDate, MaxDate As Date
Dim MinAmount, MaxAmount As Integer
Dim intRowCount As Integer = 0
Dim intCurrentRow As Integer = 0

Public Overrides Sub Input0_ProcessInputRow(ByVal Row As Input0Buffer)

    intCurrentRow += 1

    If intCurrentRow = 1 Then

        MinDate = Row.invoicedate
        MaxDate = Row.invoicedate
        MinAmount = Row.amount
        MaxAmount = Row.amount

    Else

        If Row.invoicedate < MinDate Then

            MinDate = Row.invoicedate
            MinAmount = Row.amount

        ElseIf Row.invoicedate > MaxDate Then

            MaxDate = Row.invoicedate
            MaxAmount = Row.amount

        End If

        If intCurrentRow = intRowCount


        Output0Buffer.AddRow()
        Output0Buffer.Desc = "Opening Balance"
        Output0Buffer.amount = MinAmount

        Output0Buffer.AddRow()
        Output0Buffer.Desc = "Closing Balance"
        Output0Buffer.amount = MaxAmount

       End If

    End If

End Sub

Public Overrides Sub PreExecute()
    MyBase.PreExecute()

    IntRowCount = Variables.intCount

End Sub

也使用这个css： -

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

Answer 2

  <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title> responsive layout </title>


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  </body>
</html>

您可以根据媒体屏幕使用此标记进行响应并使用媒体查询@media (min-width:1600px) and (max-width:3600px) {。

手机上的响应问题

2 个答案: