问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

网页设计中的,网页布局有几种方式?哪种方式最快?

发布网友 发布时间:2022-04-21 18:23

我来回答

1个回答

热心网友 时间:2023-12-20 21:48

一、静态布局

在传统的网页设计中,网页上所有元素的大小都是px。

1.布局特征

无论浏览器的确切大小如何,页面的布局始终与第一次编写代码时相同。常规的PC站点是静态布局的,具有最小宽度,因此,如果宽度小于此值,则显示滚动条,如果宽度大于此值,则显示内容居中和背景。这种设计在PC上很常见。

2.设计方法

PC:中心布局,所有样式使用绝对宽度/高度(px),设计一个布局,在屏幕的宽度和高度已经调整,使用水平和垂直滚动条检查覆盖部分;移动设备:建立一个单独的移动网站,设计一个单独的布局,并使用一个不同的域名,如wap。或者m。

优点:这种布局对设计师和CSS作者来说都是最简单的,并且没有兼容性问题。

缺点:很明显你不能改变用户的屏幕尺寸。目前,大多数门户网站、大多数企业PC广告网站都采用了这种布局。固定像素大小的web页面是匹配固定像素大小的显示的最简单方法。然而,这种方法不是一种完全兼容的方式来创建未来的web页面。我们需要一些方法来适应未知的设备。

二、流式布局

液体版面(也称为“流体”)的特点是页面元素的宽度根据屏幕分辨率进行调整,但总体版面不变。代表性围栏系统(网格系统)。例如,将主网页正文的宽度设置为80最小宽度设置为960px。图像也被类似地处理(宽度:100%,最大宽度通常设置为图像本身的大小,以防止由于拉伸而失真)。


声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
怎么退出夸克HD账号登录状态? 猫感冒了看兽医要多少钱 Pka 与 PH的区别及各自的应用领域 储干在公司是干什么的职位啊 2025数字博览会 岗位丨申万宏源证券研究所招聘实习生(可留用), 国海证券研究所+开源证 ... 用发酵粉蒸馒头如何蒸? 雷蛇现在的售后保修政策是怎样的有个鼠标双击了 安代驾好还是e代驾好 急需一篇科技小论文,六年级水平的`要快`谢谢啊`! 网页设计 求助网页设计作业 网页设计中是怎么将几个部分连接起来的? 网页设计分几种设计,谢谢大家 ★网页设计中的几句代码解释★ 网页设计,为什么不能在原有的html里超链到一个新h... 关于ASP中超链接问题 怎么制作一个随机跳转页面的超链接? 网页设计的链接概念是什么? 简单的网页设计?几个超链接的那种!!求助 最全面的网站设计如何设计一个完美的超链接 年终总结述职报告怎么写 怎么样写好年终述职报告 苹果6s总是自己弹出语音控制怎么回事 苹果手机 iphone 6S plus 一直显示铃声图标是怎么... 苹果6splus一直响个不停是什么原因 iPhone 6S铃声和静音自动跳转是怎么回事? 苹果6S plus 为什么总弹出静音铃铛的模式? 苹果6s自动静音和铃声来回跳,怎么回事 为什么苹果6s老是自动开铃声又自动关闭铃声?我又... win10 hyper v怎么才能上网 python括号代表什么意思? python括号区别 python{0:<10}{1:>5}是什么意思? python的格式输出函数里面{:.2f}什么意思 python中{:5d}什么意思? Python中print("{:^4}".format(i),end=&... 微信可以面部识别支付吗 DNF狂战士第三期勇者装备怎么选 dnf狂战士勇者套装2期好还是3期好 dnf第三和第二勇者套装狂战士哪个好 地下城与勇士第二期勇者狂战装备好还是第三期装备好? dnf85级版本狂战穿什么勇者装备最好 DNF暗之血迹套是2期还是3期勇者装备? dnf63级狂战是带第一期勇者装备好还是带其他套装好? dnf狂战第2期勇者装备怎么选择 《狂战士》穿哪一套远古装备比较好? dnf暗之血迹6+终极鲁莽3 什么意思 DNF:狂战士穿哪一套远古装备比较好? 3期勇者装备礼盒有什么?