手机界面-手机网页视口宽度和手机分辨率

问题描述

手机网页视口宽度和手机分辨率

我做了一个手机界面,在苹果4S上调试 如图宽度设置为100%;有两点不明白,望大神们指教:
1:苹果4S的分辨率是480*960,为什么调试窗口的大小是320*480;
2:如图的宽度我设置的是100%;为什么宽度变成了960;

ps:在头部我设置了width=device-width;

解决方案

手机上网页宽度自适应问题

解决方案二:

可能是网页端有差异。建议在网页端上大概调一下,然后在真机上测试。

时间: 2024-12-21 08:02:53

手机界面-手机网页视口宽度和手机分辨率的相关文章

手机界面交互设计:合理的导航方式设计

文章描述:手机界面常用导航设计分析. 所谓的交互设计,其实设计的就是人如何向机器发送指令,机器如何向人传达信息,一来一往是为交互.当要传达的信息量很少时,好办,就像Google的搜索框那样,往白底上一放就行了.但当等到信息是海量的.在一屏上难以全部呈现时,就需要有效地组织信息,将部分信息先隐藏起来,待到用户需要时再将用户引导到那里.在界面设计中,广义地来讲,从一组信息向另一组信息转移的的过程,就称之为导航. 明确了定义,我们就该知道,一个好的导航设计应该让用户明白: 1.现在在哪儿 2.以前去过

手机界面设计:让APP简约而不简单

文章描述:让APP简约而不简单. 想要APP好用,就要往里不停塞东西,这似乎已经成了一种"常识".结果往往是,一坨,惨不忍睹,你懂的.应该抱怨么?不应该.因为这其实也是设计师最该做的事儿,在一堆限制条件的重压下找到创新的解决方案.这里总结了一些比较可行的方法,和大家分享. 一.以用户需求为出发点 这似乎已经是别说烂的一句话.之所以觉得还有提的必要,是因为这才是创新的源泉和交互设计师的安身立命之本,同时也在实际中面临着很大的困难.PM老大们都忙着塞满feature list,一封邮件扔过

交互设计实例:手机界面中常用的导航方式

文章描述:手机界面常用导航设计分析. 所谓的交互设计,其实设计的就是人如何向机器发送指令,机器如何向人传达信息,一来一往是为交互.当要传达的信息量很少时,好办,就像Google的搜索框那样,往白底上一放就行了.但当等到信息是海量的.在一屏上难以全部呈现时,就需要有效地组织信息,将部分信息先隐藏起来,待到用户需要时再将用户引导到那里.在界面设计中,广义地来讲,从一组信息向另一组信息转移的的过程,就称之为导航. 明确了定义,我们就该知道,一个好的导航设计应该让用户明白: 现在在哪儿 以前去过哪儿 将

交互设计研究:手机界面设计提示消息

文章描述:如何为手机界面设计提示消息. BulaBula罗列各种提示方式之前,我觉得有必要先思考一下消息提示之于用户的本质.毕竟知其然只是表面,知其所以然才能融会贯通运用自如.虽然可能让人觉得有点远,但应该会对理清逻辑很有帮助. 故事要从一只狗和一只老鼠的心理学实验讲起.巴普洛夫发现,若长期在喂狗之前摇铃铛,以后只要晃铃铛,狗就流口水.铃声勾起了狗进食的欲望.此称之为"经典条件反射".斯金纳进一步发现,若每次在老鼠碰到箱子里的一根杆后就投放食物,那么以后每当老鼠饿了,它就会去按杆子.此

手机界面常用导航设计分析

所谓的交互设计,其实设计的就是人如何向机器发送指令,机器如何向人传达信息,一来一往是为交互.当要传达的信息量很少时,好办,就像Google 的搜索框那样,往白底上一放就行了.但当等到信息是海量的.在一屏上难以全部呈现时,就需要有效地组织信息,将部分信息先隐藏起来,待到用户需要时再将用户引导到那里.在界面设计中,广义地来讲,从一组信息向另一组信息转移的的过程,就称之为导航. 明确了定义,我们就该知道,一个好的导航设计应该让用户明白: 1.现在在哪儿 2.以前去过哪儿 3.将来应该/能够去哪儿 4.

360手机浏览器电脑网页模式切换方法

  360手机浏览器电脑网页模式切换方法.相信大家都知道,使用360手机浏览器浏览网页,与在电脑上用360浏览器浏览网页所看到的画面是不一样的.那么,如果我想用360手机浏览器浏览电脑网页,该怎么操作呢?其实,把360手机浏览器切换成电脑网页模式的方法很简单,下面就由小编为大家介绍一下. 1.在手机上打开[360手机浏览器]; 2.然后在360手机浏览器主界面点击[菜单]选项; 3.接着再从弹出的面板上点击[设置]; 4.进入设置页面后,继续点击[高级设置]; 5.进入高级设置后,继续点击[浏览

手机界面input弹出的输入法就会把footer顶上去

问题描述 手机界面input弹出的输入法就会把footer顶上去 新人,用 padding-bottom能解决这个问题 ,但是不能适应不同手机的高度,在线急等大神 解决方案 footer上去过后,其它元素在哪个位置?看看是不是输入法的原因,普通的就是输入框是覆盖在屏蔽之上,类似CSS的z-index,输入框是最高的,如果说输入框把网页元素顶上去了,要么是输入法问题,我以前也碰到过.小屏幕根本输不了字. 解决方案二: 一般的输入法都会覆盖页面.我选择的解决办法是: 当前布局文件用ScrollVie

手机中点击网页链接实现拨号或保存电话功能实现代码_相关技巧

手机中点击网页链接实现拨号或保存电话功能实现代码 通过网页拨打电话 复制代码 代码如下: <p><a href="wtai://wp/mc;135xxxxxxxx ">拨打电话</a></p> 注: 135xxxxxxxx是号码, 你可以换成你想拨打的号码. 通过网页存储电话号码 复制代码 代码如下: <p><a href="wtai://wp/ap;1860;中国移动">存储号码</a&

强烈风格色彩的手机界面

整个09年我们做过很多的手机界面设计,也积淀了一定的界面交互及风格设计经验.这些界面设计师当中有一些已经被21世纪中国伟大的QQ公司挖走了,人才的流动就像书上说的企业找到所需的人才,实现效益最大化和人才价值的最大化. 视觉设计是产品面向用户的首要冲击点,首先是通过界面将产品构建的一种整体产品性格传递给用户.体现在界面上即你的界面图形风格上色营造的氛围是否具有性格,属于产品的一种性格,视觉设计的风格姿态决定了用户对产品的导入,兴趣,乃至后面的使用等等,反之则失去了产品视觉构建的意义,用户可能从视觉