zoukankan      html  css  js  c++  java
  • 有关移动端的开发

    移动端开发:
    首先设备大致分为4种:手机端: <768px
    ipad端:769 - 991px
    pc端:992 - 1200px
    超大屏幕:>1200px

    响应式布局:Ethan Marcotte在2010年5月份提出的概念,意思是一个网站能够兼容多个终端,而不是
    为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。
    优点: 面对不同分辨率设备灵活性强
    能够快捷解决多设备显示适应问题
    缺点: 兼容各种设备工作量大,效率低下
    代码累赘,会出现隐藏无用的元素,加载时间加长
    其实这是一种折中性质的设计解决方案,多方面因素影响而达不到最佳效果
    一定程度上改变了网站原有的布局结构,会出现用户混淆的情况
    用法:@media 在css中添加
    例:手机端@media screen and (max-767px){}
    平板端@media screen and (min- 769px) and (max- 999px) {}
    电脑端@media screen and (min- 1000px){}
    建议:宽度设置100%自适应,网页头部、尾部高度格局都不变,其余自适应。

  • 相关阅读:
    Oracle 常用的十大 DDL 对象
    Oracle DML
    Oracle 的常用概念
    Spring 4 : 整合 SSH
    Spring3 (事务管理)
    Spring2
    Spring 学习笔记一
    Xpath helper下载
    爬取链家北京市二手房的单个房源页信息
    爬取链家北京市二手房的链家编号
  • 原文地址:https://www.cnblogs.com/zhaowenxin/p/5907848.html
Copyright © 2011-2022 走看看