标签: mobile-website
"短信推送"和"WAP推送"有什么区别？
在推送消息到移动应用程序以触发WAP内容下载时,似乎都使用了WAP Push和SMS Push这两个术语.
这些术语是指相同的机制还是它们具有不同的含义？
推荐指数
解决办法
查看次数
在Ruby on Rails上支持移动设备
开发具有针对不同移动设备的特殊视图的rails应用程序的最佳方法是什么？基本上我正在寻找像这样的ASP.NET MVC解决方案:http://www.hanselman.com/blog/MixMobileWebSitesWithASPNETMVCAndTheMobileBrowserDefinitionFile.aspx
推荐指数
解决办法
查看次数
meta"viewport"device-width:Opera Mobile 9.7上的宽度小错误(10个作品)
对于我当前的移动Web项目,我使用meta"viewport"标记来指示移动浏览器使用设备宽度为1:1的比例:
<meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
这适用于IE移动设备,iPhone Safari甚至Opera 10测试版,但它不适用于Opera 9.7,默认安装在HTC HD2上.HTC HD2的设备尺寸为480x800,因此视口在纵向模式下的宽度应为480.但显然Opera mobile 9.7(也许也是9.5)设置了一个错误的宽度,所以之后一切都放大了一点.我用一个简短的javascript片段来检查实际的窗口大小:
$(window).width() - >返回274
window.innerWidth - >返回480
当我硬编码480而不是"设备宽度"时,一切正常.同样适用于横向模式:
$(window).width() - >返回457
window.innerWidth - >返回800
这有什么解决方法吗？
问候
推荐指数
解决办法
查看次数
移动Safari文本输入宽度错误？
看看这些截图:
http://i.stack.imgur.com/1TFuj.png
http://i.stack.imgur.com/3fukT.png
当设置为'width:100%'时,我无法按预期获取文本输入.文本框向右延伸太远,超过第一个屏幕截图中的右边距,并在第二个屏幕截图中超过div的右边距.
这是移动Safari中的错误吗？如果是这样,有人可以建议解决方法吗？它似乎在其他移动浏览器和桌面版Safari中都能正常工作.问题似乎仅限于输入元素,因为当以完全相同的方式设置样式时,选择元素似乎具有适当的宽度.
在此先感谢您的帮助!
这是第一个屏幕截图的代码:
<div style="padding-left: 1em; padding-right: 1em;">
<div style="font-size: 1.2em;">
Username:
</div>
<div>
<input type="text" style="width: 100%; font-size: 1.1em;" id="tbUsername" name="tbUsername">
</div>
</div>
这里是第二个代码(请注意选择元素的样式是完全相同的,并且不受影响):
<div class="item">
<hr />
<div class="title">Group Name</div>
<div class="content">
<asp:TextBox ID="tbGroupName" runat="server">
</asp:TextBox>
</div>
<div class="confirmation">
<img alt="" src="../Graphics/Check-icon.png" runat="server" id="imgConfirmGroupName"/>
</div>
<hr />
</div>
这是CSS:
.item
{
padding-top: .5em;
padding-bottom: .5em;
border-left: 1px solid black;
border-bottom: 1px solid black;
padding-left: 0.5em;
Run Code Online (Sandbox Code Playgroud)
}
.item .title {float:left; 宽度:25%; }
.item .content {float:left; …
推荐指数
解决办法
查看次数
JQuery移动表
任何人都可以指向任何样品或者可以提供Jquery Mobile表的任何样品吗？
我在他们的网站上看过演示,没有发现任何表格.
我需要能够创建一个在Mobile/iPad上看起来不错的桌子.
推荐指数
解决办法
查看次数
在Mobile Safari下拉列表项目选择框中使用"下一步"时,select/dropdown的onchange()JS事件的奇怪行为
这是一个很难说清楚的,我是移动网络开发的新手,所以请耐心等待:
在我的网页上,我有3个嵌套下拉列表(区域,城镇,街道).
嵌套为,当每个下拉列表中的选项更改时,每个下拉列表的项目都会被修改.例如,选择区域会更改城镇和街道列表,选择城镇会更改街道列表.
我在下拉列表的onchange()javascript事件中使用XMLHTTPRequests来获取和填充其他下载.这适用于Android和桌面浏览器.
在Mobile Safari上,触摸drowdown时,会显示一个列表,用户可以在其中选择项目.此外,选择框具有"上一个/下一个/自动填充/完成"按钮以导航到其他表单元素.
因此,用户触摸第一个下拉列表,选择一个值并按下"下一步"按钮.这会导致两个问题:
首先,在此操作中,第一个下拉列表的oncange()事件未被可靠触发!有时它有时不会发射.
如果在选择区域后,用户触摸网页上的其他位置或按"完成"按钮,则正常触发onchange()并正常填充城镇和街道.
其次,按下"下一步"按钮时聚焦的元素是获取后需要更改元素的下拉列表.当前一个下拉列表的onchange()被触发时,列表没有更新或者选择框中的项目变为蓝色,并且所有项目都有一个勾号表示它们全部被选中.
从我可以告诉这个问题将得到解决,如果我能在选择框中禁用下一/上一个按钮或以某种方式解决如何的onchange()被触发,焦点下拉的列表项的下一个被重新填充,而它的重点.
这是代码(简化):
<!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>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no" />
<title></title>
</head>
<body onload="AppStart();">
<form action="#">
Area:
<select id="ddlArea">
<option value="">-- Select Area -- </option>
<option value="1">Area 1</option>
<option value="2">Area 2</option>
<option value="3">Area 3</option>
<option value="4">Area 4</option>
<option value="5">Area 5</option>
</select>
<br />
Town:
<select id="ddlTown"> …javascript iphone web-applications mobile-safari mobile-website
推荐指数
解决办法
查看次数
什么技术为iPhone/iPad开发了"金融时报网络应用程序"
如果你不确定我指的是什么,你可以在这里查看:
所以我的问题是(如果有人知道的话),他们用什么技术来开发它？他们使用jQuery UI,jQuery Mobile,iOS特定的东西吗？
我很想知道,因为我在船上,我喜欢我的网站的"应用程序",但我没有时间学习目标C或Java.所以开发同样的东西并为不同的设备调整它似乎是要走的路.
如果您有任何资源在谈论该应用程序,或者如果您回答这个问题,请指出描述该技术的资源可以为像我这样的其他用户提供更多信息.
干杯
推荐指数
解决办法
查看次数
如何通过媒体查询定位Galaxy Nexus和Nexus 7？
我有两个设备,我正在测试网站设计.三星Galaxy Nexus和华硕Nexus 7平板电脑.我很难弄清楚如何使用媒体查询来定位这些单独的设备.我不确定要使用max-width或使用的值max-device-width.另外我无法弄清楚媒体查询的顺序是什么......
根据:http://responsejs.com/labs/dimensions/
- Galaxy Nexus Portrait:
document.documentElement.clientWidth = 360 - Galaxy Nexus景观:
document.documentElement.clientWidth = 598 - Nexus 7 Portrait:
document.documentElement.clientWidth = 603 - Nexus 7景观:
document.documentElement.clientWidth = 966
我需要针对以下内容:
- Galaxy Nexus肖像和平板电脑
- Galaxy Nexus Portrait
- Galaxy Nexus平板电脑
- Nexus 7人像和平板电脑
- Nexus 7 Portrait
- Nexus 7平板电脑
我尝试了以下测试,但没有取得好成绩......不确定我做错了什么.我只是在玩弄数字试图弄清楚什么有效,什么没有...
/* Galaxy Nexus (portrait and landscape) ----------- */
@media only screen and (min-device-width : 360px) and (max-device-width : 598px) {
ul.top-menu { background: red; }
}
/* Galaxy Nexus (landscape) ----------- …推荐指数
解决办法
查看次数
媒体查询的响应式设计:屏幕尺寸？
我正在使用媒体查询处理响应式设计的网站.但我不知道如何采取良好的宽度设置.
正如您在此表中所看到的,即使对于单一类型的设备,也存在许多不同的分辨率.随着移动设备上的分辨率越来越高,很难知道适用于特定分辨率的设计.
现在,我正在使用这个:
移动优先
@media screen和(min-width:720px)=> Phablet
@media screen和(min-width:768px)=>平板电脑
@media屏幕和(min-width:1024px)=>桌面
感谢您的任何建议或推荐!
css screen-resolution mobile-website media-queries responsive-design
推荐指数
解决办法
查看次数
使用Django和Python 3检测移动设备
我很难找到一种简单的方法来检测请求是否来自我的Django视图中的移动设备.
我试图实现这样的事情:
#views.py
def myfunction(request):
...
if request.mobile:
is_mobile = True
else:
is_mobile = False
context = {
... ,
'is_mobile': is_mobile,
}
return render(request, 'mytemplate.html', context)
并在mytemplate.html:
{% if is_mobile %}
show something
{% else %}
show something else
{% endif %}
我检查过的每个地方(例如这里或这里),建议使用minidetector.我已经安装了不同的版本:pip install minidetector,pip install minidetector2以及直接的几个github存储库,但它们都没有与Python 3兼容.
所以这里我的问题:是否有任何与Python 3兼容的minidetector版本/分支？如果没有,有哪些替代方案？
推荐指数
解决办法
查看次数
标签 统计
mobile-website ×10
css ×3
mobile ×2
css3 ×1
django ×1
html5 ×1
ios ×1
iphone ×1
javascript ×1
jquery ×1
opera ×1
python-3.x ×1
ruby ×1
sms ×1
user-agent ×1
wap ×1
webkit ×1