创业,不能兼职(91)---宽屏和不同分辨率的显示器

晚上,和美工探讨屏幕设计为满屏的问题.

美工:如果整站都要适应所有显示器的分辨率这肯定没办法实现

我 10:10:33 PM
谷歌地图那样的不是可以吗

美工 10:10:40 PM
只有很简单的页面才能那样做
我 10:10:52 PM
******.com,这样的网站,也好像是啊,

美工 10:11:26 PM
这不是
他没适应所有分辨率的显示器,他也只是适应了主流的显示器大小

GG的那你也看了，页面上没什么内容,只是几个字加搜索.


我:
嗯,主流的显示器,就是9:16

美工 10:13:13 PM
算是吧

我 10:13:32 PM
我们就适应这个呢?

美工10:13:36 PM
关键是要定个页面的大小呢
现在通常做的页面都是适应了这个大小

不知道你想要实现何中意义上的全屏
看


像他的内页
都是固定的
990PX的宽

我:
我是想左边是***,右边***,然后最右边****

这样,全屏了

美工10:16:47 PM
不可能的
你想想，你现在用的是宽屏的显示器
你能放下

我10:17:22 PM
现在不是一般都是宽屏的吗

美工 10:17:14 PM
但如果是窄的呢
窄的很多
就是一般两列最好实现
三列，在窄屏的显示器上就容易出问题了

这个东西，要考虑到的细节太多了

我 10:19:08 PM
一般都好像是宽屏的啊

美工 10:19:41 PM
我朋友用的显示器就是窄屏的，4：3.。。。。。大多用的都是16：9

我:
这些,左边不也都是到最左边的

美工 10:20:13 PM
这个某些单 页面可以这么做
但整站这么做是控制不了的
处非，整站像GOOGLE的那么简单

另外一个程序员朋友的看法:

程序员 12:32:40 AM
满屏也不难，把网页设成宽度100%
就ok
不过这个考验前端的css能力
龙晓舟  12:32:59 AM
那到底问题在哪里
哦
程序员  12:33:05 AM
css能力要强
龙晓舟  12:33:16 AM
哦
程序员  12:33:24 AM
宽度变化后，布局不能变


R的看法:
你问过这个问题了
你见到google做到了
有的也做到了
就是能做到
他做不到 就是能力不行 或者复杂 不想做

满屏需要考虑的问题多些,个是实际情况
但是 对于熟的人 不叫问题

你见过 企业系统 站半个屏幕的么
http://www.springsource.org/
这不是满屏么

http://www.springsource.org/

他说的也对
满屏也是 有一部分自动拉伸的

不可能同时变大缩小

你把浏览器 缩小点
在看 对比下

看我的截图对比


你是
你用手机看 才能看到几个字
龙晓舟  12:24:54 AM
奇怪,你的对比还是都能显示的啊
R  12:25:03 AM
我的显示器是24的
龙晓舟  12:25:14 AM
我的就不能了
哦
r  12:25:51 AM
对比下
龙晓舟  12:25:55 AM
可是iteye一样不行啊
r  12:25:57 AM
看看 那里拉伸了
你就明白了
0:26:10
成功接收文件

打开文件   打开所在文件夹
   
0:26:11
成功接收文件

打开文件   打开所在文件夹
   
0:27:01
对方已选择使用离线文件发送“22222222.png”(316.00KB)，在线文件传输取消。
   
龙晓舟  12:27:01 AM
你这个,是说把屏幕由100%改为75%
0:27:02
对方已选择使用离线文件发送“1111111111111.png”(369.00KB)，在线文件传输取消。
   
r  12:27:06 AM
在对比下
不说了
自己琢磨吧
龙晓舟  12:27:30 AM
还是用的那个右边的,

0:27:45

   
龙晓舟  12:27:54 AM

告诉我个结论嘛
满屏到底行不行啊
r 12:28:21 AM
你不是看到了么
怎么不行啊
http://www.infoq.com/cn
中文的
但是你的适合不适合只有你知道


最后,R总结,我太白痴了:) 然后告诉我另外一个结论,这是前端开发的问题.

评论

12 楼 kidCode 2011-11-22  

采用弹性或流体布局是可以充分利用屏幕空间，无论你是多大分辩率的用户，都能尽情满屏展示内容。然而因为种种限制，目前的网页完全采用流体或弹性布局条件还不具备。所以，作为一种过渡的解决方案，有了这样一种布局：流体+固宽布局。流体指的是背景去自适应屏幕宽度，而固宽，则是让正文内容无论在宽屏还是窄屏中都能自动居中。
具体还要看你的网站类型，一般一些目录类、阅读类网站以及一些web App可以使用流体或弹性布局，而绝大多数主流网站如sns、门户、博客基本上都是定宽的（有些为了视觉效果用流体+固宽）。如果你的网站类型是后者，想要做到自适应所有比例的屏幕，是一件很没有必要的事，首先ie6下无法实现流体布局（不支持Min-width、Max-width、Min-heigh、Max-height这四个属性），其次图片根据屏幕自动按比例缩放不好处理，而使用弹性布局则会面临很多问题与工作量，除非你给大把大把银子，否则没有美工或是前端愿意做这种性价比不高的事。
关于布局，具体可以看http://ipmtea.net/css/201108/20_560.html说得很清楚。

11 楼 yfyh87 2011-10-02  

你要能请到GOOGLE的工程师怎么个自适应都行,阿里巴巴,淘宝的所有页面全部定宽,不许自适应,而且这一条写在规范里;
因为自适应带来的工程复杂度的坏处,远远大于他的好处,即使是一个有能力的前端,我也愿意让他把50%的时间放在开发新代码上,而不是去完成不同分辨率下自适应的设计

10 楼 Durian 2011-09-30  

kidCode 写道

博主，你确信你在创业吗？看了你所有博客，感觉你是在玩票。

说的在理，小舟同学大风大浪都经历过了，要在小小的IT行业经历一番风雨，来丰富他那传奇的人生...

9 楼 mamahuhu_1 2011-09-27  

xjiii 写道

heroroby 写道

以前和楼主聊过 楼主说2——4个人开发2——4个月就能做出任何互联网产品

这句话好像是创新工场里的一个产品经理说的，而且原话好像是说一个小型的互联网创业项目应2-4人用2-4月完成原型。
不知道LZ从哪听去了，就认为任何产品都可以2-4人2-4月完成了。

小舟有点意思 哈哈 牛

8 楼 xjiii 2011-09-27  

heroroby 写道

以前和楼主聊过 楼主说2——4个人开发2——4个月就能做出任何互联网产品

这句话好像是创新工场里的一个产品经理说的，而且原话好像是说一个小型的互联网创业项目应2-4人用2-4月完成原型。
不知道LZ从哪听去了，就认为任何产品都可以2-4人2-4月完成了。

7 楼 heroroby 2011-09-27  

呵呵 大家别说了 其实楼主这个人挺好的 可能对咱们这个行业不是很熟悉而已

以前和楼主聊过 楼主说2——4个人开发2——4个月就能做出任何互联网产品 当时我觉得不是很现实 也是和楼主进行了辩论 包括 楼主说知乎没花任何钱做广告 只是模式的成功 就吸引了诸如马化腾、范凯等人的关注等等 其实大家都知道 知乎打了很多的软文

当然这些仅仅限于某些观点的争论罢了 不要人身攻击 其实楼主人还是比较厚道的

6 楼 xjiii 2011-09-27  

mamahuhu_1 写道

接着删阿 哈哈 你快成0.5元党了

呵呵，LZ不淡定了

5 楼 mamahuhu_1 2011-09-27  

接着删阿 哈哈 你快成0.5元党了

4 楼 mamahuhu_1 2011-09-27  

又开始删评论了 无聊样 哈哈

3 楼 kidCode 2011-09-27  

博主，你确信你在创业吗？看了你所有博客，感觉你是在玩票。

2 楼 huqing2010 2011-09-27  

关键是你有gooole工程师NB吗？

如果你觉得google的页面简单 可以看看国内几大电商 他们怎么能做到？？？？

1 楼 龙晓舟 2011-09-27  

http://www.freetemplatesonline.com/
http://www.rocketwebsitetemplates.com/businessworld-website-template/

刚刚程序员给我2个 模板网站,页面设计的

他说,一般都是选一个模板,然后再改

说 主要看字体，边框，按钮，文本框，链接，菜单的划过，选中的样式等

位置都可以调整，大小都可以调整，图片都可以换

说这样的,是一个整体的,不是 每个单独设计的,最后凑出来,不行

奇怪

之前,不是这样做的

或者是美工这样做,我不知道