关于IOS和安卓微信打开网页,界面显示差异大的问题。

这是IOS通过微信打开的界面:
图片说明

这是安卓打开的界面:
图片说明

## 我想达到的效果就是IOS显示的那样,请问安卓该如何处理?

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="pay.aspx.cs" Inherits="Sczhw.pay" %>


<!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 runat="server">
    <title>百旺税控盘服务费--在线续费</title>
    <meta name="viewport" content="width=640px, maximum-scale=1.0, user-scalable=no"/>
    <link href="/images/payStyle.css" type="text/css" rel="Stylesheet" />
    <script type="text/javascript" src="/scripts/jquery-1.4.1.js"></script>
    <script type="text/javascript" src="/scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript" src="/scripts/jquery-1.4.1-vsdoc.js"></script>
    <script type="text/javascript" src="/scripts/jQuery.md5.js"></script>
    <script type="text/javascript">
        $(function () {
            $(window).bind('resize load', function() {
                $("body").css("zoom", $(window).width() / 640);
                $("body").css("display", "block");
                $("body").css("zoom", $(window).width() / 640);
                $("input").attr("placeholder", "请填写");
            });
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="bodydiv">
        <div id="payhead"></div>
        <div id="middlebody">
            <table class="tablestyle">
                <tr class="tablestyletr">
                    <td colspan="2" class="ttdstyle">企业名称</td>
                </tr>
                <tr class="tablestyletr">
                    <td colspan="2" class="tdstyle"><asp:TextBox runat="server" ID="companyNameText" BorderWidth="0px" Width="100%" Font-Size="25px"></asp:TextBox></td>
                </tr>
                <tr class="backcolor">
                    <td colspan="2" class="backcolor"></td>
                </tr>
                <tr class="tablestyletr">
                    <td class="ttdstyle">企业税号</td>
                    <td class="tdstyle"><asp:TextBox runat="server" ID="noText" BorderWidth="0px" Width="100%"></asp:TextBox></td>
                </tr>
                <tr class="backcolor">
                    <td colspan="2" class="backcolor"></td>
                </tr>
                <tr class="tablestyletr">
                    <td class="ttdstyle">所属区县</td>
                    <td class="tdstyle">
                        <asp:DropDownList ID="DropDownList1" runat="server">
                            <asp:ListItem>东坡区</asp:ListItem>
                <asp:ListItem>经开区</asp:ListItem>
                            <asp:ListItem>彭山区</asp:ListItem>
                            <asp:ListItem>仁寿县</asp:ListItem>
                            <asp:ListItem>洪雅县</asp:ListItem>
                            <asp:ListItem>青神县</asp:ListItem>
                            <asp:ListItem>丹棱县</asp:ListItem>
                            </asp:DropDownList></td>
                </tr>
                <tr class="backcolor">
                    <td colspan="2" class="backcolor"></td>
                </tr>
                <tr class="tablestyletr">
                    <td class="ttdstyle">座机电话</td>
                    <td class="tdstyle"><asp:TextBox runat="server" ID="phoneText" BorderWidth="0px" Width="100%"></asp:TextBox></td>
                </tr>
                <tr class="backcolor">
                    <td colspan="2" class="backcolor"></td>
                </tr>
                <tr class="tablestyletr">
                    <td class="ttdstyle">联系人</td>
                    <td class="tdstyle"><asp:TextBox runat="server" ID="menText" BorderWidth="0px" Width="100%"></asp:TextBox></td>
                </tr>
                <tr class="backcolor">
                    <td colspan="2" class="backcolor"></td>
                </tr>
                <tr class="tablestyletr">
                    <td class="ttdstyle">手机号码</td>
                    <td class="tdstyle"><asp:TextBox runat="server" ID="menphoneText" BorderWidth="0px" Width="100%"></asp:TextBox></td>
                               </tr>
            </table>
        </div>
        <div id="middlehander"></div>
        <div id="jediv">
            <table class="tablestyle">
                <tr class="tablestyletr">
                    <td class="ttdstyle">续费金额</td>
                    <td class="tdstyle"><asp:TextBox runat="server" ID="jeText" BorderWidth="0px" Width="100%"></asp:TextBox></td>
                </tr>
            </table>
        </div>
        <div id="footdiv">
            <ul>
                <li><span>税控盘费用为200元/盘</span></li>
                <li><span>报税盘费用为100元/盘</span></li>
                <li><span>技术服务费每年280元/盘/年;多套盘时,第一套盘服务费为280元/盘/年,其他盘服务费为140元/盘/年。</span></li>
            </ul>
            <dl>
                <dd>温馨提示</dd>
                <dd>根据发改价格【2017】1243号文件规定:增值税纳税人购买税控系统产品的费用以及缴纳的技术维护费用在增值税应纳税额中全额抵减。收费标准详见:发改价格【2017】1243号文件。</dd>
            </dl>
            <div style="width:100%; text-align:center;">
                <asp:ImageButton runat="server" ID="submitBtn" ImageUrl="~/images/submitbtn.jpg" OnClick="submitBtn_Click" />
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="companyNameText"
                            ErrorMessage="请输入公司名称!"></asp:RequiredFieldValidator>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="noText"
                            ErrorMessage="请输入纳税人识别号!"></asp:RequiredFieldValidator>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="menText"
                            ErrorMessage="请输入联系人!"></asp:RequiredFieldValidator>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="menphoneText"
                            ErrorMessage="请输入手机号码!"></asp:RequiredFieldValidator>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="jeText"
                            ErrorMessage="请输入缴费金额!"></asp:RequiredFieldValidator>
                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="jeText" ErrorMessage="请输入正确的金额!" ValidationExpression="^([1-9]\d{0,9}|0)([.]?|(\.\d{1,2})?)$"></asp:RegularExpressionValidator>

            </div>
        </div>
    </div>
    </form>
</body>
</html>
 body {margin:0 auto;
}


#bodydiv
{
    width:640px;
    }

.font20{font-size:20px; width:300px;}

#payhead
{
    background-image: url(payhead.jpg);
    height:151px;
    width:640px;
}

#middlebody
{
 width:640px;
    }

#middledl
{
    width:615px; float:right;
    }

.backcolor
{
    background-color: #e6e6e6;
    height:1px;
}

#middlehander
{
    width:640px;
    height:20px;
    background-color:#e6e6e6;
    }


#jediv
{
    width:640px;
    }

#footdiv
{
    width: 640px;
    background-color: #e6e6e6;
}

.tablestyle {
 width:615px;
 padding-left:25px;
}

.tablestyletr {
height:68px;    }

.ttdstyle {
width:130px;
font-size:30px;
}

.tdstyle{ }
.tdstyle input{ font-size:25px; text-align:right; float:right;}
.tdstyle select{ font-size:25px; text-align:right; float:right;}

ul{ padding-top:16px;}

li {
color:#4f83e7; margin-top:25px;
}
li span{
color:#7a7a7a;
}

dl { margin-top:25px;
 }

dl dd {color:#ab3e44; margin-top:10px;}

2个回答

试试,body,td设置背景色为白色


body ,td{background:#fff}
dailiboy
dailiboy 谢谢大哥,一眼就看出问题所在
大约 2 年之前 回复

这个是HTML5展示的吗?

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问