V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
giantbeardk
V2EX  ›  程序员

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

  •  
  •   giantbeardk · 2014-07-30 20:01:23 +08:00 · 4331 次点击
    这是一个创建于 3771 天前的主题,其中的信息可能已经有所发展或是发生改变。
    大概的情况就是自己倒腾了一个网站,倒腾完了在别人的mac系统上跑了一下,惊奇地发现网页居然变形了唉。请问这种问题有什么解决办法么?
    13 条回复    2014-07-30 23:10:20 +08:00
    Tonni
        1
    Tonni  
       2014-07-30 20:09:03 +08:00
    浏览器不兼容吧,Mac平台是用的Safari查看的效果么?
    em70
        2
    em70  
       2014-07-30 20:10:20 +08:00
    别用绝对定位,DIV或者table先把页面规划好
    jsonline
        3
    jsonline  
       2014-07-30 20:11:26 +08:00 via Android
    没有定法。
    giantbeardk
        4
    giantbeardk  
    OP
       2014-07-30 20:12:52 +08:00
    @Tonni 是的,现在的问题是已经开发完了,要重头修改的话o(╯□╰)o,好纠结
    Yokira
        5
    Yokira  
       2014-07-30 20:27:40 +08:00
    感觉宽度啊,高度啊,margin等等用“%”来定义比用固定的“px”好的多。
    sadaharu09
        6
    sadaharu09  
       2014-07-30 20:45:13 +08:00
    Phoegap可以用于网页适配的解决。Adobe官网上面有的。
    thonatos
        7
    thonatos  
       2014-07-30 20:51:30 +08:00
    下载bootstrap的less或者scss版本,去除buttons组件等,留下自己需要的部分如layout的配置,编译,然后改改网站的大的布局,应该可以解决了。
    O21
        8
    O21  
       2014-07-30 20:52:26 +08:00
    用框架 bootstrap 。。。基本没问题。
    ss098
        9
    ss098  
       2014-07-30 21:20:15 +08:00
    最近新出了一个 AmazeUI,体验了一下觉得还不错
    smilingsun
        10
    smilingsun  
       2014-07-30 22:01:34 +08:00
    用Bootstrap重构,虽然辛苦点,但是你会深深喜欢上它(如果不考虑IE8以下的兼容)!否则你总是需要修修补补。
    devyps
        11
    devyps  
       2014-07-30 22:21:47 +08:00
    @Yokira px 是一个相对单位啊
    Mac
        12
    Mac  
       2014-07-30 23:08:40 +08:00
    尽量不要把页面建立在以PX为单位的分割上,各种浏览器对页面的CSS元素解析都不一致,导致会有几PX的偏差。
    WildCat
        13
    WildCat  
       2014-07-30 23:10:20 +08:00 via iPhone
    注意Mac的分辨率
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1049 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 20:34 · PVG 04:34 · LAX 12:34 · JFK 15:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.