zoukankan      html  css  js  c++  java
  • 移动端的页面怎么来做?

    响应式布局开发->手机适配->一套页面在不同型号的手机上都能得到很好的体现
    1、流式布局:
    ->宽度不适应,自适应,或者用百分比设定
    ->高度、字体等都写成固定的值
    ->然后再通过@media(媒体查询),根据不同尺寸的屏幕进行灵活的调整--2014年响应式布局思想

    2、固定式布局:(这种方式已经没人用了)
    ->设置最大的宽度值,如果屏幕的宽度超过了最大宽度,让页面在中间显示,两边留白

    3、缩放式布局:(目前做场景切换页面--常用)
    ->按照设计稿的宽高以及屏幕的宽高,我们设计出一套最适合页面缩放的比例
    ->布局的时候严格按照设计稿的尺寸进行布局
    ->然后再安装比例整体的给页面中所有的内容进行缩放

    4、FLEX(CSS3属性->在移动端的兼容不是特别好)/BOOTSTRAP(移动端框架)栅栏布局

    5、REM布局(我们目前做webApp最常用的布局思想)
    ->我们设置一个根值
    ->然后我们设定的样式值都是按照根值算出对应REM值
    ->随着页面的大小变化,浏览器会自己跟着变化
  • 相关阅读:
    [luogu3334]抛硬币
    [luogu3706]硬币游戏
    [luogu4548]歌唱王国
    [hdu4652]Dice
    [atAGC013F]Two Faced Cards
    [atAGC045F]Division into Multiples
    [atAGC045E]Fragile Balls
    [atAGC045D]Lamps and Buttons
    [luogu5574]任务分配问题
    [luogu4331]数字序列
  • 原文地址:https://www.cnblogs.com/kpengfang/p/5486113.html
Copyright © 2011-2022 走看看