能否只用一套css实现各种屏幕的布局

Brant_Feng 发布于 2013/04/19 17:24
阅读 373
收藏 2
我一直有一个疑问,css中可以设置百分比来设置宽度和高度,我们为什么在前端开发的时候还要考虑不同的屏幕大小,为什么不能全部按照百分比来布局呢?可能有人想说用于竖屏和用于横屏需要显示不同的布局设计,在不考虑横竖屏使用不同布局设计的情况下,我们这样做可行吗?求前端大牛解决我这么长时间的困惑。
加载中
0
子木007
子木007
难道是传说中的

Responsive Web Design

Brant_Feng
Brant_Feng
我指的不是这个,响应式web设计正好是我说的思路的反面,响应式web设计利用浏览器探测技术对于不同的屏幕分别写了一套布局代码。
0
byref
byref
就是它吧
0
小代
小代
我也在纠结这个问题
0
Jeky
Jeky
如果不考虑布局区别 完全可以用百分比的啊
0
曾建凯
曾建凯

如果单就手机横屏竖屏的问题,是可以一个CSS通杀,就是用JS改viewport的值。

其实一个CSS的想法,手机版的Firefox是这样的理念的。

响应式设计,并不是纯粹为了解决手机的问题,虽然他的方案包含了手机的解决方案。

不过要做到一个CSS通杀,你得买很多手机,做足够量的测试,不然结果可能会很吓人哦。

这个是去年某时期我桌面的手机群。

0
Brant_Feng
Brant_Feng

引用来自“曾建凯”的答案

如果单就手机横屏竖屏的问题,是可以一个CSS通杀,就是用JS改viewport的值。

其实一个CSS的想法,手机版的Firefox是这样的理念的。

响应式设计,并不是纯粹为了解决手机的问题,虽然他的方案包含了手机的解决方案。

不过要做到一个CSS通杀,你得买很多手机,做足够量的测试,不然结果可能会很吓人哦。

这个是去年某时期我桌面的手机群。

谢谢啦,貌似理论上只有一套CSS可以实现,好像很美好的样子,实际应用上有难度。
0
tyshymy
tyshymy
有个国产的响应式css框架 可以帮到你 http://download.keqie.com/
返回顶部
顶部