移动网页的尺寸设计

  1. 如果只做pc端，那么静态布局（定宽度）是最好的选择；
  2. 如果做移动端，且设计对高度和元素间距要求不高，那么弹性布局（rem+js）是最好的选择，一份css+一份js调节font-size搞定；
  3. 如果pc，移动要兼容，而且要求很高那么响应式布局还是最好的选择，前提是设计根据不同的高宽做不同的设计，响应式根据媒体查询做不同的布局。

参考：

布局详解：

https://blog.csdn.net/qq_16546829/article/details/82954273

移动布局 - 弹性布局（rem+js）：

https://segmentfault.com/a/1190000012225828

原文地址：https://www.cnblogs.com/feiying100/p/12706653.html

时间： 2024-03-23 22:47:20

移动网页的尺寸设计的相关文章

网页页面尺寸

网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计. 网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器.另一个是浏览器软件,就是我们常用的IE,遨游,Friefox等. 高度: 高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值. 宽度: 1.在IE6.

精致网页立体UI设计元素

精致网页立体UI设计元素适用于网页UI元素素材.网页UI 网页按钮 导航条 下载按钮 进度条 播放器 来源:http://www.huiyi8.com/ui/ 精致网页立体UI设计元素

网页爬虫的设计与实现（Java版）

网页爬虫的设计与实现(Java版)     最近为了练手而且对网页爬虫也挺感兴趣,决定自己写一个网页爬虫程序. 首先看看爬虫都应该有哪些功能. 内容来自(http://www.ibm.com/developerworks/cn/java/j-lo-dyse1/index.html?ca=drs-) 网页收集的过程如同图的遍历,其中网页就作为图中的节点,而网页中的超链接则作为图中的边,通过某网页的超链接 得到其他网页的地址,从而可以进一步的进行网页收集:图的遍历分为广度优先和深度优先两种方法,网页

网页响应式设计简介

随着上网设备的推陈出新和技术的快速发展,用于显示网页的环境千差万别.比如手机就有很多种的屏幕尺寸,同时,个人电脑显示器也不断在刷新分辨率的记录.传统的固定宽度(例如960像素)的网页设计已经不能满足各类移动用户浏览网页的个性需求,于是响应式网页设计孕育而生. 最早提出响应式网页设计(Responsive Web Design)的是美国的 Ethan Marcotte,他将三种已有的开发技巧(媒体和媒体查询.流式布局.弹性图片)整合起来,并给其命名.响应式网页设计是能针对任意网页设备对网页内容进行

iphone尺寸设计

http://daily.zhihu.com/story/4252195 移动app开发中多种设备尺寸适配问题,过去只属于Android阵营的头疼事儿,只是很多设计师选择性地忽视android适配问题,只出一套iOS平台设计稿.随着苹果发布两种新尺寸的大屏iPhone 6,iOS平台尺寸适配问题终于还是来了,移动设计全面进入“杂屏”时代.看看下面三款iPhone尺寸和分辨率数据就知道屏幕有多杂了. 加上Android生态中纷繁复杂的各种奇葩尺寸,现在APP设计开发必须考虑适配大.中.小三种屏幕.

网页屏幕尺寸相关整理

clientWidth是对象看到的宽度(不含边线,即border)scrollWidth是对象实际内容的宽度(若无padding,那就是边框之间距离,如有padding,就是左padding和右padding之间距离).offsetWidth是指对象自身的宽度,整型,单位像素(含边线,如滚动条的占用的宽,值会随着内容的输入而不断改变). scrollHeight: 获取对象的滚动高度.scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获

网页版数据库设计工具wwwsqldesigner

下载地址:http://www.cubrid.org/wwwsqldesigner 下载后,放入Apache网站根目录,访问localhost/wwwsqldesigner-master/直接进入设计界面: 初始化为英文界面,选择option->language可更改界面显示语言. 1.添加表:点击添加表,输入名称和描述 2.修改字段大小和类型:双击表上面的字段 3.添加新字段:点击工具栏上面的添加列

rem、px、em之间的区别以及网页响应式设计写法

个人收藏用,转载自:http://www.w3cplus.com/css3/define-font-size-with-css3-rem 在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局.不幸的是,仍然有不同的利弊,使各种技术都不太理想,但又无法不去用.真是进也难,退也难呀. 最近在学习em的相关知

网页滚动条的设计

1,Overflow内容溢出时的设置 overflow 水平及垂直方向内容溢出时的设置  overflow-x 水平方向内容溢出时的设置  overflow-y 垂直方向内容溢出时的设置 以上三个属性设置的值为visible.scroll.hidden.auto visible 默认值.使用该值时,无论设置的"width"和"height" 的值是多少,其中的内容无论是否超出范围都将被强制显示.  hidden 效果与visible相反.任何超出"widt