V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
BigDogWang
V2EX  ›  程序员

前端新手发文:各位,我想问一下, Vue 怎么写响应式的 UI?

  •  1
     
  •   BigDogWang · Jul 15, 2019 · 3029 views
    This topic created in 2490 days ago, the information mentioned may be changed or developed.
    就是说怎么写可以同时适配手机和 PC 的页面?手撸 css 吗?搜索引擎搜索不出太多有价值的信息,可能我不太会提炼关键词。
    BootstrapVue 自定义的学习曲线好像也有点陡峭
    Supplement 1  ·  Jul 15, 2019
    可能问题有点歧义,我是想问,有没有什么容易入门的,可以自定义样式的,响应式 css 框架和 vue 配合
    14 replies    2019-07-16 03:42:29 +08:00
    creanme
        1
    creanme  
       Jul 15, 2019
    element-ui 的 el-row el-col xs、sm、md、lg 和 xl ?
    shakaraka
        2
    shakaraka  
    PRO
       Jul 15, 2019
    建议还是先练习一下 css3 和响应式布局,如果真的会的话应该不会问出这种问题

    @creanme ui 框架的确能解决 90%业务上的问题,但是鉴于 lz 自称新手,如果不是公司急需完成项目的话,还是建议手撸吧,
    shakaraka
        3
    shakaraka  
    PRO
       Jul 15, 2019
    还有还有,,vue 和响应式 ui 没有半毛钱关系,,同理 angular 和 react 也是
    learnshare
        4
    learnshare  
       Jul 15, 2019
    响应式通常是 CSS 做的,和框架关系不大
    不过 Bootstrap 之类的 UI 库都提供响应式的布局和组件
    BigDogWang
        5
    BigDogWang  
    OP
       Jul 15, 2019 via iPhone
    @wunonglin 我知道没有关系,我就想知道有没有什么比较简单的框架还能搞点自定义的样式。
    wu67
        6
    wu67  
       Jul 15, 2019
    同时适配太累了吧, 还不如写两套. 反正我只针对一端的, 然后另一端能看就行…
    BigDogWang
        7
    BigDogWang  
    OP
       Jul 15, 2019
    可能问题有点歧义,我是想问,有没有什么容易入门的,可以自定义样式的,响应式 css 框架和 vue 配合
    renmu
        8
    renmu  
       Jul 15, 2019 via Android
    element ui
    creanme
        9
    creanme  
       Jul 15, 2019
    适配真的很累,不如写两套。
    BigDogWang
        10
    BigDogWang  
    OP
       Jul 15, 2019
    @creanme 写两套 css 嘛
    creanme
        11
    creanme  
       Jul 15, 2019
    @BigDogWang 还是看你页面复杂度,如果感觉复杂了,写两套;如果不复杂,写一套。
    crysislinux
        12
    crysislinux  
       Jul 15, 2019
    感觉响应式对设计要求很高。如果不同布局变化太大。。那真是不如一样写一套。
    SilentDepth
        13
    SilentDepth  
       Jul 15, 2019 via iPhone
    CSS 太难,不如用现成的 UI 框架。
    vision1900
        14
    vision1900  
       Jul 16, 2019 via Android
    先上 min-width, 利用下流式布局,然后根据需要 media-query.还有这个问题跟 vue 有什么关系,vue 是个 JS 框架,楼主是希望 vue 提供人工智能自动生成 css 的 feature?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1388 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 52ms · UTC 17:16 · PVG 01:16 · LAX 10:16 · JFK 13:16
    ♥ Do have faith in what you're doing.