怎样适应不同的怎样看屏幕尺寸寸

请问如何使程序中的表单尺寸自动适应不同电脑的屏幕尺寸?
我的图书馆
请问如何使程序中的表单尺寸自动适应不同电脑的屏幕尺寸?
请问如何使程序中的表单尺寸自动适应不同电脑的屏幕尺寸?
请问如何使程序中的表单尺寸自动适应不同电脑的屏幕尺寸?我设计时的电脑是,但到一些台式机的大屏幕上,表单的尺寸就没有放大至整个屏幕,请问如何使表单的尺寸及上面的控制自动调整尺寸?
程序启动时先取得用户电脑屏幕分辨率,然后动态设置主表单的大小。也可以将主表单的windowsstat属性为最大化。其他表单启动时根据主窗口的尺寸来动态设置大小。好象与楼主的问题对的上吧?
我也想知道这个问题,请高手们赐教。自己写的程序,在自己的电脑上使用,屏幕尺寸没有问题,但在别人电脑上使用就不能满屏,想问一下,能否在主表单中用命令来根据不同电脑分辨率设置,使表单自动放大和缩小,满屏显示。
这个问题网上已有许多讨论的帖子也有解决问题的办法。但解决起来比较麻烦,大意是先测定设计时分辨率与用户电脑分辨率的差别比例,然后按照这个差别比例系数逐个将所有控件放大。如果要更好看,还要将控件的字体、左边距、顶边距也按比例放大。&&& 我没做过商业软件,不想下这么大的功夫。我是用两种方法:&&& 1. 按6楼的办法;&&& 2. 设计一个选项,由用户来选择是否按设计分辨率来启动。(用木瓜大师提供的分辨率设置函数来实现,启动时按设计时分辨率,记住用户的分辨率,退出时恢复用户分辨率。)
在表单init中WITH thisform.Width=SYSMETRIC(1).Height=SYSMETRIC(2 )endwith
********************************调整解析度*************Local OldHeight,OldWidth,ChangeHeight,ChangeWidthOldHeight=600OldWidth =800ChangeHeight=0ChangeWidth=0IF SYSMETRIC(1)#OldWidth&&THISFORM.Lockscreen=.F. &&详情查阅LockScreen属性&&ChangeHeight=Sysmetric(2)/OldHeight&&ChangeWidth=Sysmetric(1)/OldWidth&&& &&&&&&**变动表单外框&&&&&&&&&IF This.BaseClass='Form'&&&&&&&&&&&WITH THIS&&&&&&&&&&&& .Height=.Height*ChangeHeight&&&&&&&&&&&& .Width =.Width*ChangeWidth&&&&&&&&&&&& .Top&&&=.Top*ChangeHeight&&&&&&&&&&&& .Left&&=.Left*ChangeWidth&&&&&&&&&&&ENDWITH&&&&&&&&&ENDIF&&&&&&**变动表单内所有控件的大小和位置&&&&&FOR&&I =1 TO&&This.ControlCount &&&&&& WITH THIS.Controls(I)&&&&&&&&&.Height=.Height*ChangeHeight&&&&&&&&&.Width =.Width*ChangeWidth&&&&&&&&&.Top&&&=.Top*ChangeHeight&&&&&&&&&.Left&&=.Left*ChangeWidth&&&&&& ENDWITH&&&&&ENDFOR&&&&&Thisform.Lockscreen=.F.&&&&&ENDIF&&THISFORM.REFRESH&&&********调整解析度结束*****************************
TA的最新馆藏[转]&实用技巧!如何自适应不同的分辨率界面?
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座,聊设计,找素材,尽在优设网
& / & & / & 正文
Hi,我是优设小编
实用技巧!如何自适应不同的分辨率界面?
rukki:随着移动端设备的猛涨,现在设计师们做网页也要经常考虑如何适应这些不同分辨率的屏幕了。今天 的Rukki与我们分享了关于自适应不同分辨率界面的几个技巧,非常实用,建议同学们学习一下 :)
腾讯游戏的精品好文推荐:
首先呢来看一张图:
这是2个半月腾讯游戏官网的分辨率数据,可以看出来PC端里%、占14%。而这2个分辨率的显示宽度相差了接近一倍。
而现在设计师的设计稿普遍输出尺寸都是1920,所以设计师经常也会担心:小分辨率下能看到吗?或者需要为手机端单独做一版吗?所以我们需要用一些技巧来让大多数用户能看到的页面效果是一样的。
设计的很美观 但是如果直接按原始大小做,小分辨率玩家只能看到中间的人物而已。
经常我们做全flash站的时候,会看到多媒体的同学会为了配合多分辨率做展示上的自适应。
而重构其实纯靠css也可以实现同样的缩放自适应:
这样不会因为分辨率小而只能看到中间一个区域,或者出现滚动条影响体验。
实现思路:
1: 针对IE:IE有个zoom属性。虽然经常我们用它来清浮动什么的。但是它在缩放元素上也是很强大的。eg:被设置zoom:0.5的元素会以该元素的左上角为原点在直接被缩小一半,所占据的文档流内体积也会减少一半(IE7和8+对zoom后的元素的margin值理解不同可以注意下,不过单纯缩放元素时不太需要用到)。
firefox下呢,就可以使用css3的transform:scale()。(需要额外设置transform-origin:0 0为缩放原点)。
另外zoom也被webkit支持,scale还是zoom请自行选择~
2. 接下来我们就可以按设计稿直接切成成一个巨大无比的的页面。
3. 然后获取用户的当前窗口尺寸,eg当前窗口宽1200,那么我们需要缩放的比例 zoom=.625。然后把我们的主显示的父框缩小0.625倍就可以啦~(当然为了高度不出滚动条,高度的尺寸也要纳入计算范围)
是不是很简单呢?以后遇到会影响内容浏览的大页面的时候 可以考虑用这种方法做一个缩放哦~
【举例2】 (不好意思拿出了11年的页面,不过这个思路看起来很清楚)
这个主体是固定尺寸的,然后通过js来计算定位和衔接背景做到自适应&无滚动条。可以看到跟上边的例子比这些人物的尺寸都没有改变。
计算思路神马的因为以前做过分享所以不再赘述~感兴趣的同学可以查看代码或者私下跟我讨论^^
二、移动端
移动端虽然整体尺寸小+倒下去竖起来的尺寸差别太大,但是本质和PC端页面没什么区别。
常见的自适应自然就是:
1. 响应式,media queries配合百分比让页面内容自然的去适应(();
2. 根据浏览器尺寸然后进行动态的定位()。 手机输入网址浏览或扫描下排二维码
如果单独做手机端的页面,用上述方法做自然正常显示不是问题,但是当时间紧任务重或者资源不够需要PC和手机使用同一套页面时,如何适应手机就是个需要考虑的问题了。
我们先来看看例子:
打开会发现这就是一个正常的PC端的活动页面,但是因为从策划到上线的时间都非常紧没有时间为手机版单独做一套,所以就要考虑如何能适应手机浏览了。
因为这个活动系列其实是拉数据后趣味展示(其实就是定位图片和文字在页面上),所以定位和宽度用百分比进行后很可能在显示的时候出问题;字体可能因为分辨率小的时候换行;甚至页面的背景和高度在适应多分辨率的手机时也不易控制等等等等(我纠结了一堆的忧虑)。
咳~聪明的你一定想到了,嗯~就用我们PC端的第一个例子,缩放搞定!
安卓 & iPhone
iPhone & PC
同一套页面,在一个小小的操作下便可以变成手机端可以浏览的了。
(因为是PC端的活动所以调用的是PC的登录&选大区组件,所以造成手机端操作有槽点,不过在本次分享里请先忽视它&_&!开发组件的多终端智能适配就是我接下来努力解决的一个点。)
希望这个分享能给大家在不同分辨率下的显示提供了思路。响应式啦、百分比啦、动态定位啦,或者缩放,在灵活配合后,相信可以为我们的页面在比较不友好的分辨率下提供支持。
另外其实我不会写结束语,所以就这样吧^ ^!
原文地址:
【优设网 原创文章 投稿邮箱:】
================关于优设网================
“优设网“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:。
设计微博:拥有粉丝量67万的人气微博 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:
———————————————————–
想在手机上、被窝里获取设计教程、和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:
我们的团队
大家在关注问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
正在仿做网页,遇到了如何让页面适应不同屏幕大小的问题。
我看了看现在网上的网页,布局全部都是用html和css做的。
js禁止后页面完全不受影响(我尝试过)。
请问这是怎么做到的?
而我在平常练习时设置页面宽度用的都是绝对宽度、或者通过js获取屏幕宽,度然后应用在最外层容器元素上。
绝对宽度还好些(例如1600px),我不会考虑那么多,里面的子元素也全部是用px这种定位布局。
而js获取,然后应用在最外层容器元素则令我感到很麻烦,因为设置的时候不知道宽度具体多少,所以在子元素里面用的是百分比。
可这两种方法,第一个根本无法适应不同屏幕大小的设备,第二个若是禁止js脚本的话,就废了。
所以,怎样利用纯html+css做出自适应不同屏幕大小的网页??
希望给出具体思路,而不是太概括的:例如,响应式布局等……
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
@media在css里面能获取屏幕宽度等信息
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
结论就是响应式布局啊,你搜一搜就能查到很多相关文章。
如果你是问原理的话,就是用css媒体查询针对不同的屏幕尺寸区间设定不同的规则。比如大屏幕上就展示更多的元素,或将元素横向排列等等;小屏幕上就隐藏一些元素,或将元素改成纵向排列等等。
你可能还想了解如何自适应,其实则是利用css相关属性,比如弹性盒布局,百分比、rem、vw等单位。总之不是一两句话能说清楚的,你还是得去找相关文章来看,不要想走捷径,这些都是要自己一点一点学的。
手机上,就不说太多了。
分享到微博?
你好!看起来你挺喜欢这个内容,但是你还没有注册帐号。 当你创建了帐号,我们能准确地追踪你关注的问题,在有新答案或内容的时候收到网页和邮件通知。还能直接向作者咨询更多细节。如果上面的内容有帮助,记得点赞 (????)? 表示感谢。
明天提醒我
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:
扫扫下载 App

我要回帖

更多关于 苹果6s的屏幕尺寸 的文章

 

随机推荐