网页开发新人，请问屏幕适配的问题要怎么处理？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3770 天前的主题，其中的信息可能已经有所发展或是发生改变。

大概的情况就是自己倒腾了一个网站，倒腾完了在别人的mac系统上跑了一下，惊奇地发现网页居然变形了唉。请问这种问题有什么解决办法么？

倒腾

网页

请问

13 条回复 • 2014-07-30 23:10:20 +08:00

Tonni

2014-07-30 20:09:03 +08:00

浏览器不兼容吧，Mac平台是用的Safari查看的效果么？

em70

2014-07-30 20:10:20 +08:00

别用绝对定位,DIV或者table先把页面规划好

jsonline

2014-07-30 20:11:26 +08:00 via Android

没有定法。

giantbeardk

2014-07-30 20:12:52 +08:00

@Tonni 是的，现在的问题是已经开发完了，要重头修改的话o(╯□╰)o，好纠结

Yokira

2014-07-30 20:27:40 +08:00

感觉宽度啊，高度啊，margin等等用“%”来定义比用固定的“px”好的多。

sadaharu09

2014-07-30 20:45:13 +08:00

Phoegap可以用于网页适配的解决。Adobe官网上面有的。

thonatos

2014-07-30 20:51:30 +08:00

下载bootstrap的less或者scss版本，去除buttons组件等，留下自己需要的部分如layout的配置，编译，然后改改网站的大的布局，应该可以解决了。

O21

2014-07-30 20:52:26 +08:00

用框架 bootstrap 。。。基本没问题。

ss098

2014-07-30 21:20:15 +08:00

最近新出了一个 AmazeUI，体验了一下觉得还不错

smilingsun

2014-07-30 22:01:34 +08:00

用Bootstrap重构，虽然辛苦点，但是你会深深喜欢上它（如果不考虑IE8以下的兼容）！否则你总是需要修修补补。

devyps

2014-07-30 22:21:47 +08:00

@Yokira px 是一个相对单位啊

Mac

2014-07-30 23:08:40 +08:00

尽量不要把页面建立在以PX为单位的分割上，各种浏览器对页面的CSS元素解析都不一致，导致会有几PX的偏差。

WildCat

2014-07-30 23:10:20 +08:00 via iPhone

注意Mac的分辨率