Hong Kong Cloud Hosting|Virtual Space Hosting|HK Anti-DDoS Space Server|HK Server Rental-HK Hosting Free Permanently #香港免费空间|香港免备案空间|特价服务器,一次性付费永久使用,香港空间#香港高防空间#香港云主机#香港服务器租用-香港主机,香港主机及美国云服务器全部免备案,免去您备案的繁琐,无需等待,即开即用,让您的业务快速上线部署,完美支持市面上大多数建站程序:Shopex、Ecshop、Discuz、Phpwind、Dedecms、Wordpress……

13728632961 sunway.chan@lansoo.com

Lansoo联森科技
  • 网站首页
  • 服务案例
    • 项目设计
      • APP设计
      • 企业网站
      • 平台网站
      • 专题网站
    • 平面设计
      • 企业VI设计
      • 宣传设计
      • 包装设计
    • 运维集成
  • 解决方案
    • IT评估技术咨询
    • IT外包管理
    • APP应用开发
    • 品牌建设
    • 香港免备空间
    • 上网行为管理
    • 企业防泄密
    • 小程序开发
    • IC集成电路
  • 联森智库
    • IT知识库
    • 技术方案
    • 行业动态
    • 资料下载
  • 关于联森
    • 关于我们
    • 联系我们
    • 在线留言

技术方案

  • 首页
  • 联森智库
  • 技术方案
自适应网页设计(Responsive Web Design)

随着4G的普及,越来越多的人使用手机或者平板等移动设备上网,而不单用电脑浏览网站。

移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?

手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。

很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。

于是,很早就有人设想,能不能"一次设计,普遍适用",让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout)?

一、"自适应网页设计"的概念

2010年,Ethan Marcotte提出了"自适应网页设计"(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。

他制作了一个范例,里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素,则6张图片并排在一行。

如果屏幕宽度在600像素到1300像素之间,则6张图片分成两行。

如果屏幕宽度在400像素到600像素之间,则导航栏移到网页头部。

如果屏幕宽度在400像素以下,则6张图片分成三行。


怎样让自己的邮箱使用更方便? 微博轻量级RPC框架Motan正式开源:支撑千亿调用
评论加载中...
  • 项目设计
  • 平面设计
  • 运维集成
  • 西泽startuptour,创造高度流行的概念旅行与生活方式
    西泽startuptour,创造高度流行的概念旅行与生活方式
  • 陌生城市APP,人人为我,我为人人
    陌生城市APP,人人为我,我为人人
  • 东坊古早Eastgoza
    东坊古早Eastgoza
  • SEVEN BRILLER
    SEVEN BRILLER
  • 凯通置业有限公司
    凯通置业有限公司
  • 深圳市耀灿科技有限公司
    深圳市耀灿科技有限公司
  • 广州隆塑荟贸易有限公司
    广州隆塑荟贸易有限公司
  • 深圳盘龙山庄
    深圳盘龙山庄
  • TI德州仪器官网抢单实时监控
    TI德州仪器官网抢单实时监控
  • 企业桌面电脑服务器运维
    企业桌面电脑服务器运维
解决方案
IT评估技术咨询
IT外包管理
APP应用开发 Application
品牌建设 Brand
香港免备空间 YUN
上网行为管理
企业防泄密
小程序开发 wechat app
IC集成电路 IC

关注我们

扫描关注微信
  • 微博:联森电子科技

联系我们

  • 陈先生:13728632961
  • 陈先生:13790874795
  • xin.chan@lansoo.com
  • sunway.chan@lansoo.com
  • 深圳市福田区凤凰大厦12楼

在线咨询

  • QQ:75881180
  • QQ:4664456

友情连接

  • OCECN通洋国际
  • UKE
  • Microsoft
  • IBM
  • Apple Developer
  • 陌生城市
  • 阿里云
  • 腾讯云
  • 华为
  • Dell
  • 保税区创业中心
  • SunwayBlog
  • HIS
  • DB
  • 香港免备空间
  • CHATGPT
  • Sora
  • GITHUB
  • Cloudflare
  • HLEXP
  • 微信小程序定制开发
  • 汕头丰煌
  • 项目运维

All Rights Reserved By 2009-2023@ LANSOO inc 备ICP10238215