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

2014-07-30 20:01:23 +08:00
 giantbeardk
大概的情况就是自己倒腾了一个网站，倒腾完了在别人的mac系统上跑了一下，惊奇地发现网页居然变形了唉。请问这种问题有什么解决办法么？
4130 次点击
所在节点    程序员
13 条回复
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
没有定法。
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
注意Mac的分辨率

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/125326

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX