62,243
社区成员
发帖
与我相关
我的任务
分享asp.net2.0 移动网页在安卓智能机浏览器上不能满屏显示
最近一个小项目，写了一个小的移动web站点，只有几个页面，用的vs2005.（是因为我的没装VS2012，好久没搞了），网页写好之后在手机浏览器上看时，发现效果非常差，不能满屏显示，字非常小。无论定义<meta>标签适应屏幕宽度，或者指定控件为大字体，都不行。
换了几个手机浏览器，包括在微信中打开链接，效果都很差。
效果如图，用的是联想安卓浏览器，内核是chrome33，请教达人如何破！
换了几个手机浏览器，包括在微信中打开链接，效果都很差。
效果如图，用的是联想安卓浏览器，内核是chrome33，请教达人如何破！
...全文
请发表友善的回复…
发表回复
flying02 2015-05-24
- 打赏
- 举报
不行的，没效果
flying02 2015-05-24
- 打赏
- 举报
不行的，没效果
flying02 2015-05-24
- 打赏
- 举报
按你说的加了最后一个参数，设置各种DPI，还是没有任何变化，查了百度，有人说webkit 不再支持 target-densitydpi了
以专业开发人员为伍 2015-05-24
- 打赏
- 举报
对于你的问题来说，最后一个参数可能你需要统一改为 medium-dpi。
以专业开发人员为伍 2015-05-24
- 打赏
- 举报
假设说你写
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initia-scalel=1.0, user-scalable=no, target-densitydpi=high-dpi" />
那么对你的问题来说，最主要地是最后一个参数。你可以设置各种分辨率，甚至设置为 170、200、300之类的试试，可以看到其区别。
你的手机可能太新潮了，默认的分辨率很高。需要在你的网页中设置一个比手机默认分辨率低很多的“统一”标准。
“这个里面有加过的”，这个语句不是可加可不加的，是必须加上的！
flying02 2015-05-24
- 打赏
- 举报
aspx文件代码片段如下，移动web窗体
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="tuanJoin.aspx.cs" Inherits="tuanJoin" %>
<%@ Register TagPrefix="mobile" Namespace="System.Web.UI.MobileControls" Assembly="System.Web.Mobile" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
</head>
<body>
<mobile:Form ID="Form1" Runat="server" StyleReference="form1_style">
<mobile:Label ID="lblTuanStatus" Runat="server" StyleReference="Redlabel">
</mobile:Label>
<mobile:Label ID="lblTitle" Runat="server" Font-Bold="True" Font-Size="Large">
</mobile:Label>
<mobile:Image ID="imgZhutu" Runat="server">
</mobile:Image>
<hr />
<mobile:Panel ID="Panel1" Runat="server" BackColor="WhiteSmoke">
<mobile:Label ID="lblPrice1" Runat="server">
</mobile:Label>
<mobile:Label ID="lblPrice2" Runat="server">
</mobile:Label>
<mobile:Label ID="lblRenshuTips" Runat="server">
</mobile:Label>
</mobile:Panel>
下面略。。
flying02 2015-05-24
- 打赏
- 举报
这个里面有加过的，不行
江南小鱼 2015-05-24
- 打赏
- 举报
加上这行
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
