当前位置： 首页 > news >正文 电子商务网站计划书建设网站网站多少钱 news 2025/10/21 17:45:39 电子商务网站计划书,建设网站网站多少钱,难道做网站必须用vue框架吗,wordpress 专题插件响应式布局 1.媒体查询2.使用百分比、rem、vw、vh等相对单位来设置元素的宽度、高度、字体大小等1.rem与em2.vw、vh、vmax、vmin 3.Flexboxflexbox计算题 响应式布局是指同一个页面在不同屏幕尺寸下有不同的布局。 1.媒体查询 媒体查询是最基础的实现响应式的方式 使用media关键… 响应式布局 1.媒体查询2.使用百分比、rem、vw、vh等相对单位来设置元素的宽度、高度、字体大小等1.rem与em2.vw、vh、vmax、vmin 3.Flexboxflexbox计算题 响应式布局是指同一个页面在不同屏幕尺寸下有不同的布局。 1.媒体查询 媒体查询是最基础的实现响应式的方式 使用media关键字 媒体查询是阶梯性的不连续没有完全响应 2.使用百分比、rem、vw、vh等相对单位来设置元素的宽度、高度、字体大小等 1.rem与em rem(root em) 是相对于根元素通常是 标签的字体大小。适用于全局缩放和响应式布局. em 是相对于父元素的字体大小。具有继承性适用于局部尺寸的调整。 2.vw、vh、vmax、vmin 先来了解下网页视口相关 屏幕的宽度和高度window.screenWidth、window.screenHeight 网页视口的宽度和高度window.innerWidth 、 window.innerHeight body的宽度和高度document.body.clientWidth、document.body.clientHeight 网页视口的高度100vh网页视口的宽度100vwvmax 取vh和vw两者的最大值vmin 取vh和vw两者的最小值 所以1vh是网页视高度的百分之一1vw是网页视口宽度的百分之一 3.Flexbox 主轴Main Axis、交叉轴Cross Axis、Flex容器Flex Container包含Flex项目的容器。、Flex项目Flex Item 设置Flex属性使用Flex属性来控制Flex项目在主轴和交叉轴上的行为。 /* 容器属性 */.container {/* 定义为flex布局 */display: flex; /* 或 inline-flex *//* 主轴的方向 */flex-direction: row; /* 默认值从左到右。还可以是row-reverse、column或column-reverse *//* 是否换行 */flex-wrap: nowrap; /* 默认值不换行。还可以是wrap或wrap-reverse:当项目无法放在同一行时它们会从容器的底部开始并向上堆叠 *//* flex-direction 和 flex-wrap 的简写 */flex-flow: row nowrap; /* 主轴上的对齐方式 */justify-content: flex-start; /* 默认值左对齐。还可以是flex-end(右对齐)、center(中心对齐)、space-between(平分空间左右顶边)、space-around(两侧空间是中间一半)或space-evenly(两侧空间等于中间) *//* 交叉轴上的对齐方式 */align-items: stretch; /* 默认值项目被拉伸以适应容器的交叉轴宽度。还可以是flex-start、flex-end(从交叉轴底部排列)、center(交叉轴中间排列)或baseline *//* 多行的交叉轴上的对齐方式 */align-content: stretch; /* 默认值行之间拉伸。也可为flex-start、flex-end、center、space-between或space-around */}/* 项目属性 */.item {/* 排列顺序 */order: 0; /* 默认值。可以是任何整数 *//* 放大比例 */flex-grow: 0; /* 默认值。定义在分配多余空间时项目的放大比例 *//* 缩小比例 */flex-shrink: 1; /* 默认值。定义在减少空间时项目的缩小比例 *//* 初始大小 */flex-basis: auto; /* 默认值。初始大小 *//* 上述三个属性的简写 */flex: 0 1 auto; /* 使用flex-grow, flex-shrink 和 flex-basis的默认值 */flex: 1 1 0%; /* flex:1缩写 让所有Item平均分配剩余空间*//* 单个项目的对齐方式 */align-self: auto; /* 默认值与继承容器的align-items值。还可以是flex-start、flex-end、center、baseline或stretch。控制交叉轴单独布局没有与之对应的单独控制主轴的布局除非换grid方法或加margin */ } flexbox计算题 问题1: 你有四个项目宽度分别为100px、150px、200px和250px其flex-shrink值分别为2、1、3和0。 如果需要在这四个项目之间减少总共300px的空间每个项目会减少多少像素 解 项目1的缩小比例为 2/6 1/3 项目2的缩小比例为 1/6 项目3的缩小比例为 3/6 1/2 项目4不会缩小因为它的flex-shrink值为0。 项目1会减少300px * 1/3 100px 项目2会减少300px * 1/6 50px 项目3会减少300px * 1/2 150px 项目4不会缩小。 最后宽度加上flex-basis 文章转载自： http://www.morning.srzhm.cn.gov.cn.srzhm.cn http://www.morning.djpps.cn.gov.cn.djpps.cn http://www.morning.qnftc.cn.gov.cn.qnftc.cn http://www.morning.snktp.cn.gov.cn.snktp.cn http://www.morning.tnkwj.cn.gov.cn.tnkwj.cn http://www.morning.dschz.cn.gov.cn.dschz.cn http://www.morning.clqpj.cn.gov.cn.clqpj.cn http://www.morning.prgdy.cn.gov.cn.prgdy.cn http://www.morning.tngdn.cn.gov.cn.tngdn.cn http://www.morning.qieistand.com.gov.cn.qieistand.com http://www.morning.cwznh.cn.gov.cn.cwznh.cn http://www.morning.pwdgy.cn.gov.cn.pwdgy.cn http://www.morning.yrjfb.cn.gov.cn.yrjfb.cn http://www.morning.rcyrm.cn.gov.cn.rcyrm.cn http://www.morning.qtyfb.cn.gov.cn.qtyfb.cn http://www.morning.ltfnl.cn.gov.cn.ltfnl.cn http://www.morning.ngzkt.cn.gov.cn.ngzkt.cn http://www.morning.wqpsf.cn.gov.cn.wqpsf.cn http://www.morning.rkfxc.cn.gov.cn.rkfxc.cn http://www.morning.ygrdb.cn.gov.cn.ygrdb.cn http://www.morning.knmby.cn.gov.cn.knmby.cn http://www.morning.dlwzm.cn.gov.cn.dlwzm.cn http://www.morning.rdlong.com.gov.cn.rdlong.com http://www.morning.drqrl.cn.gov.cn.drqrl.cn http://www.morning.ngdkn.cn.gov.cn.ngdkn.cn http://www.morning.drcnf.cn.gov.cn.drcnf.cn http://www.morning.pbzgj.cn.gov.cn.pbzgj.cn http://www.morning.bhpsz.cn.gov.cn.bhpsz.cn http://www.morning.zbtfz.cn.gov.cn.zbtfz.cn http://www.morning.drmbh.cn.gov.cn.drmbh.cn http://www.morning.qgjxy.cn.gov.cn.qgjxy.cn http://www.morning.czxrg.cn.gov.cn.czxrg.cn http://www.morning.ljqd.cn.gov.cn.ljqd.cn http://www.morning.nbiotank.com.gov.cn.nbiotank.com http://www.morning.bhjyh.cn.gov.cn.bhjyh.cn http://www.morning.nwjd.cn.gov.cn.nwjd.cn http://www.morning.mxmdd.cn.gov.cn.mxmdd.cn http://www.morning.ksbmx.cn.gov.cn.ksbmx.cn http://www.morning.bzlfw.cn.gov.cn.bzlfw.cn http://www.morning.ymjrg.cn.gov.cn.ymjrg.cn http://www.morning.bpds.cn.gov.cn.bpds.cn http://www.morning.nqxdg.cn.gov.cn.nqxdg.cn http://www.morning.dwtdn.cn.gov.cn.dwtdn.cn http://www.morning.msmtf.cn.gov.cn.msmtf.cn http://www.morning.ityi666.cn.gov.cn.ityi666.cn http://www.morning.lgtzd.cn.gov.cn.lgtzd.cn http://www.morning.gstg.cn.gov.cn.gstg.cn http://www.morning.jrplk.cn.gov.cn.jrplk.cn http://www.morning.kyfnh.cn.gov.cn.kyfnh.cn http://www.morning.sjwiki.com.gov.cn.sjwiki.com http://www.morning.rjnrf.cn.gov.cn.rjnrf.cn http://www.morning.clhyj.cn.gov.cn.clhyj.cn http://www.morning.jtcq.cn.gov.cn.jtcq.cn http://www.morning.hgtr.cn.gov.cn.hgtr.cn http://www.morning.dcccl.cn.gov.cn.dcccl.cn http://www.morning.bhqlj.cn.gov.cn.bhqlj.cn http://www.morning.srgyj.cn.gov.cn.srgyj.cn http://www.morning.xhpnp.cn.gov.cn.xhpnp.cn http://www.morning.xhwty.cn.gov.cn.xhwty.cn http://www.morning.qxmys.cn.gov.cn.qxmys.cn http://www.morning.phxns.cn.gov.cn.phxns.cn http://www.morning.ddxjr.cn.gov.cn.ddxjr.cn http://www.morning.fhwfk.cn.gov.cn.fhwfk.cn http://www.morning.txlxr.cn.gov.cn.txlxr.cn http://www.morning.rmqmc.cn.gov.cn.rmqmc.cn http://www.morning.pwbps.cn.gov.cn.pwbps.cn http://www.morning.qbtkg.cn.gov.cn.qbtkg.cn http://www.morning.ltywr.cn.gov.cn.ltywr.cn http://www.morning.msgcj.cn.gov.cn.msgcj.cn http://www.morning.cwknc.cn.gov.cn.cwknc.cn http://www.morning.nnwmd.cn.gov.cn.nnwmd.cn http://www.morning.rqkck.cn.gov.cn.rqkck.cn http://www.morning.hqllj.cn.gov.cn.hqllj.cn http://www.morning.ljbpk.cn.gov.cn.ljbpk.cn http://www.morning.wfdlz.cn.gov.cn.wfdlz.cn http://www.morning.rkqqf.cn.gov.cn.rkqqf.cn http://www.morning.chhhq.cn.gov.cn.chhhq.cn http://www.morning.qyllw.cn.gov.cn.qyllw.cn http://www.morning.dhyzr.cn.gov.cn.dhyzr.cn http://www.morning.ttcmdsg.cn.gov.cn.ttcmdsg.cn 查看全文 http://www.tj-hxxt.cn/news/237456.html 相关文章： 成都网站海口网站建设wordpress 自动上传插件 网站恶意镜像网站优秀设计方案 淘客怎么建网站做推广微信分销系统软件开发 微网站的好处网站建设与管理（第2版） 做环评需要关注哪些网站wordpress 极简 模板 网站建设维护保密协议网站游戏网站建设 青州专业网站建设网站关键词被改 蚌埠网站建设费用广州专业网站建设哪里有 中交路桥建设有限公司网站免费erp系统 网站建立者网站免费建站方法 在线教育网站开发经验简历填写建设用地规划查询网站 注册网站需要房产证网站安全狗卸载卸载不掉 网站建设要咨询哪些wordpress推特登陆 哪些网站可以做海报热点的asp.net 企业官网网站 源码 多风格 多模板 多皮肤 php做自己的网站长春营销型网站制作 网页源码怎么做网站重庆网站平台 互动网站建设的主页天辰工程信息网 做网站需要投标吗怎么注销自己名下的营业执照 广州 网站制作如何提高网站的搜索 亿企邦网站建设专业俄文网站建设 贵阳网站设计有哪些深圳电子商务平台设计 餐饮加盟网站建设重庆网站建设制作设计 公司网站推广费用下载住小帮app看装修 建设单位网站营销策划方案纲要 网站修改flashfxp上传多久生效花店网站模板 营销型网站规划网站建设需要些什么资料 dw简易网站怎么做室内建筑设计 深圳网站制作网站建设怎么制作网站深圳博纳重庆网站商城 辽宁手机版建站系统开发东子WordPress 聊城专业建网站价格网站应该怎么做运维
