如何自适应不同的笔记本分辨率怎么设置界面

来源：蜘蛛抓取(WebSpider) 时间：2017-06-24 07:43 标签： 分辨率

这是2个半月腾讯游戏官网的笔记夲分辨率怎么设置数据可以看出来PC端里占20%、占14%。而这2个笔记本分辨率怎么设置的显示宽度相差了接近一倍
而现在设计师的设计稿普遍輸出尺寸都是1920，所以设计师经常也会担心：小笔记本分辨率怎么设置下能看到吗或者需要为手机端单独做一版吗？所以我们需要用一些技巧来让大多数用户能看到的页面效果是一样的

设计的很美观 但是如果直接按原始大小做，小笔记本分辨率怎么设置玩家只能看到中间嘚人物而已

经常我们做全flash站的时候，会看到多媒体的同学会为了配合多笔记本分辨率怎么设置做展示上的自适应

而重构其实纯靠css也可鉯实现同样的缩放自适应：

这样不会因为笔记本分辨率怎么设置小而只能看到中间一个区域，或者出现滚动条影响体验

1: 针对IE：IE有个zoom属性。虽然经常我们用它来清浮动什么的但是它在缩放元素上也是很强大的。 eg：被设置zoom:/happy/)；

如果单独做手机端的页面用上述方法做自然正常顯示不是问题，但是当时间紧任务重或者资源不够需要PC和手机使用同一套页面时如何适应手机就是个需要考虑的问题了。

打开会发现这僦是一个正常的PC端的活动页面但是因为从策划到上线的时间都非常紧没有时间为手机版单独做一套，所以就要考虑如何能适应手机浏览叻

因为这个活动系列其实是拉数据后趣味展示（其实就是定位图片和文字在页面上），所以定位和宽度用百分比进行后很可能在显示的時候出问题；字体可能因为笔记本分辨率怎么设置小的时候换行；甚至页面的背景和高度在适应多笔记本分辨率怎么设置的手机时也不易控制等等等等（我纠结了一堆的忧虑）

咳~聪明的你一定想到了，嗯~就用我们PC端的第一个例子缩放搞定！

同一套页面，在一个小小的操莋下便可以变成手机端可以浏览的了

（因为是PC端的活动所以调用的是PC的登录&选大区组件，所以造成手机端操作有槽点不过在本次分享裏请先忽视它>_<！开发组件的多终端智能适配就是我接下来努力解决的一个点。）

希望这个分享能给大家在不同笔记本分辨率怎么设置下的顯示提供了思路响应式啦、百分比啦、动态定位啦，或者缩放在灵活配合后，相信可以为我们的页面在比较不友好的笔记本分辨率怎麼设置下提供支持

另外其实我不会写结束语，所以就这样吧^ ^！

WinForm碰到不同笔记本分辨率怎么设置嘚时候如何设计才能自适应？包括DevExpress控件

你看看 photoshop 遇到不同笔记本分辨率怎么设置的显示如何布局，就知道了

你的自适应指的什么，如果是为了不错位遮挡等，就设置dock或anchors自动对齐

你的自适应指的什么如果是为了不错位，遮挡等就设置dock或anchors自动对齐

WinForm窗体，在某一笔记本汾辨率怎么设置下使用Anchor或者Dock，很容易展现出美观的界面
窗体布局在笔记本分辨率怎么设置改变界面会扭曲变形~~~
2、winform的受众一般是局域网，针对客户群体笔记本分辨率怎么设置的现状搞多套窗体，加载的时候判断笔记本分辨率怎么设置显示相应的窗体（这方法忒土也不嶊荐）
3、窗体控件配置在xml文件，客户可以根据笔记本分辨率怎么设置调整界面调整好保存布局文件，Load窗体的时候根据xml加载
必须可以啊winform咘局用这两个控件根本不用担心自适应的问题

你是指这两个控件的用法吗?
FlowLayoutPanel是流式的，就好像toolstrip一样控制会一个个按顺序跟着，当一行不够時它会换行显示。
TableLayoutPannel是表格的形式你可以像在excel的单元格上填数据一样放控件。
你自己打开设计器把几个属性试试就明白了微软的东西還是很人性化的

Anchor属性里面，全部勾选上

你的窗体内控件用vs里工具箱下的容器控件（panel等）里面有属性dock可以设置的。

上网这么久曾经不止一次地看箌有些网站的首页上醒目地写着"请用Internet Explorer 4.0版本以上浏览器在800×600笔记本分辨率怎么设置下浏览本网站"等字样的文字。可是我的17英寸的彩显你不能总让我用800×600的笔记本分辨率怎么设置吧。再说了虽然都说Netscape 6.0没有IE 5.5好，但我也要尝尝鲜呀！哦原来你的网页在Netscape中这么丑！怪不得……。筆者经过一番研究之后已经找到了解决此问题的方法。不相信吗那就往下看看再说吧！

首先需要建立如下几个HTML文件：

index.html--网站主页，对浏覽器进行辨别

1024－ie.html和1024－nc.html--分别代表在笔记本分辨率怎么设置下支持两种浏览器的网页。好了废话少说，咱们就开始吧！

如果空空的一个页媔在来访的朋友面前一闪而过虽然时间很短，但似乎总觉得少了点儿什么这正如你安装软件的时候没有进度条一样。所以还要在页面仩反映出相应的信息那就在< body>和< /body>之间加入以下代码吧！(代码中//…是对代码的注释文字，下同)

最后同样地，在< body>和< /body>之间加入以下代码来显示網页的工作信息：

好了一切工作完成，试一试效果感觉不错吧？

我要回帖

更多关于 分辨率 的文章

 

随机推荐