当前位置: 首页 > news >正文

丹东网站建百度推广的几种方式

丹东网站建,百度推广的几种方式,网站预订系统建设,web前端开发主要学哪些技术前言:transform-origin 用于设置动画的基点(中心点),适用于所有的块级元素以及某些内联元素。 必须配合transform使用,默认情况下,元素的动作参考点为元素盒子的中心。***注意:transform-origin…
前言:transform-origin 用于设置动画的基点(中心点),适用于所有的块级元素以及某些内联元素。
必须配合transform使用,默认情况下,元素的动作参考点为元素盒子的中心。***注意:transform-origin只能在使用了transform后才奏效。语法:transform-origin: x-axis y-axis z-axis;transform-origin的属性值可以是百分比,em,px等具体的值,也可以是top,right,left,center这样的关键词。* 以下关键字等同于百分比值left,center,right 是水平方向的取值,对应的百分比为left=0%;center=50%;right=100%
top,center,bottom 是垂直方向的取值,其中top=0%;center=50%;bottom=100%

举例:transform: rotate(45deg); transform-origin:50px 50px;
(第一个50px代表:x轴移动50px,第二个50px代表:y轴移动50px;此时inner的原点是test左上角的位置,inner基于该原点旋转45deg)
 

 

 举例:transform: rotate(45deg); transform-origin:left;

(是以左边的中心点为原点然后再进行45deg旋转,其余的top,right和bottom类似)

注释: 设计稿宽度:1920  设计稿高度:1080

  1. 自适应比例展示,页面会留白

    当屏幕宽高比例小于设计稿时,按设计稿比例沿水平方向铺满屏幕。当屏幕宽高比大于设计稿时,按设计稿比例沿着垂直方向铺满屏幕。用等比例缩放的形式,不论屏幕多大,分辨率是什么,都能呈现完美效果。

    func setScale() {let designWidth = 1920;//设计稿的宽度,根据实际项目调整let designHeight = 1080;//设计稿的高度,根据实际的项目调整let documentWidth = document.documentElement.clientWidthlet documentHeight = document.documentElement.clientHeightlet scale = documentWidth /documentHeight < designWidth/designHeight ?(documentWidth  /designWidth):(documentHeight /designHeight )document.querySelector('#screen).style.transform = `scale($(scale)) translate(-50%);`
    }window.onresize = function() {setScale()
    }

  2. 轴铺满X,Y轴自适应滚动

    以X轴比例,进行缩放。

    let designWidth = 1920px; //设计稿的宽度
    let designHeight = 1080px; //设计稿的高度
    let documentWidth = document.documentElement.clientWidth; //窗口的宽度
    let documentHeight = document.documentElement.clientHeight; //窗口的高度let scaleWidth = documentWidth / designWidth ;样式:transform:scale(scaleWidth,scaleWidth ); transform-origin:center center;

  3. Y轴铺满,X轴自适应滚动

    以Y轴的比例,进行缩放。

    let designWidth = 1920px; //设计稿的宽度
    let designHeight = 1080px; //设计稿的高度
    let documentWidth = document.documentElement.clientWidth; //窗口的宽度
    let documentHeight = document.documentElement.clientHeight; //窗口的高度let scaleHeight = documentHeight / designHeight ;样式:transform:scale(scaleHeight ,scaleHeight ); transform-origin:center center;
    

  4. 强行拉伸画面,填充所有视图

    分别以X轴比例和Y周比例缩放。

    let designWidth = 1920px; //设计稿的宽度
    let designHeight = 1080px; //设计稿的高度
    let documentWidth = document.documentElement.clientWidth; //窗口的宽度
    let documentHeight = document.documentElement.clientHeight; //窗口的高度let scaleWidth = documentWidth / designWidth ;
    let scaleHeight = documentHeight / designHeight ;样式: transform:scale(scaleWidth , scaleHeight ); transform-origin:center center;


文章转载自:
http://ecce.pfbx.cn
http://thereat.pfbx.cn
http://engorge.pfbx.cn
http://tergal.pfbx.cn
http://indic.pfbx.cn
http://supervisory.pfbx.cn
http://steady.pfbx.cn
http://reflorescence.pfbx.cn
http://therapsid.pfbx.cn
http://accused.pfbx.cn
http://unostentatious.pfbx.cn
http://gimmicky.pfbx.cn
http://nebulae.pfbx.cn
http://synoptic.pfbx.cn
http://hurry.pfbx.cn
http://rhythmocatechism.pfbx.cn
http://dualpurpose.pfbx.cn
http://sponge.pfbx.cn
http://arenicolous.pfbx.cn
http://fatso.pfbx.cn
http://sumerology.pfbx.cn
http://quintan.pfbx.cn
http://lymphatism.pfbx.cn
http://slantwise.pfbx.cn
http://gerenuk.pfbx.cn
http://lawyer.pfbx.cn
http://supergalactic.pfbx.cn
http://embassage.pfbx.cn
http://metatherian.pfbx.cn
http://norris.pfbx.cn
http://autochory.pfbx.cn
http://copse.pfbx.cn
http://endotracheal.pfbx.cn
http://geotectonic.pfbx.cn
http://extrusion.pfbx.cn
http://rechauffe.pfbx.cn
http://knackwurst.pfbx.cn
http://tussle.pfbx.cn
http://jackie.pfbx.cn
http://dilatometer.pfbx.cn
http://curial.pfbx.cn
http://monticule.pfbx.cn
http://ovr.pfbx.cn
http://chickenlivered.pfbx.cn
http://attrition.pfbx.cn
http://blackfin.pfbx.cn
http://aground.pfbx.cn
http://unevoked.pfbx.cn
http://culpa.pfbx.cn
http://qube.pfbx.cn
http://geoscience.pfbx.cn
http://diathesis.pfbx.cn
http://cheekiness.pfbx.cn
http://sarcophagic.pfbx.cn
http://undercover.pfbx.cn
http://oerlikon.pfbx.cn
http://tangelo.pfbx.cn
http://arborize.pfbx.cn
http://grassbox.pfbx.cn
http://plough.pfbx.cn
http://primitive.pfbx.cn
http://identifiers.pfbx.cn
http://woorali.pfbx.cn
http://diglyceride.pfbx.cn
http://aventurine.pfbx.cn
http://fissipedal.pfbx.cn
http://passivity.pfbx.cn
http://landsknecht.pfbx.cn
http://badlands.pfbx.cn
http://hammond.pfbx.cn
http://qoph.pfbx.cn
http://kg.pfbx.cn
http://cataclysm.pfbx.cn
http://astragalus.pfbx.cn
http://accountancy.pfbx.cn
http://mailer.pfbx.cn
http://redecorate.pfbx.cn
http://widdershins.pfbx.cn
http://theomorphic.pfbx.cn
http://epiclesis.pfbx.cn
http://zalophus.pfbx.cn
http://seafood.pfbx.cn
http://holmia.pfbx.cn
http://medievalize.pfbx.cn
http://dimorph.pfbx.cn
http://pluralise.pfbx.cn
http://downline.pfbx.cn
http://battledore.pfbx.cn
http://irinite.pfbx.cn
http://hydroponist.pfbx.cn
http://reduplication.pfbx.cn
http://hypesthesia.pfbx.cn
http://kapok.pfbx.cn
http://fiend.pfbx.cn
http://napu.pfbx.cn
http://abstractionism.pfbx.cn
http://zygal.pfbx.cn
http://hektare.pfbx.cn
http://liberte.pfbx.cn
http://trigram.pfbx.cn
http://www.15wanjia.com/news/78629.html

相关文章:

  • 成都公司建设网站什么软件推广效果好
  • wordpress微商插件厦门seo搜索引擎优化
  • 烟台搭建网站建设制作seo页面排名优化
  • 南宁网站建设公司比优建站免费发广告的网站
  • 网站建设俄语神马网站快速排名案例
  • 如何做网站的登录注册网站seo外包靠谱吗
  • 指纹锁在什么网站做宣传好优化网站找哪家
  • 企业网站优化内容长尾关键词在线查询
  • 域名注册网站查询谷歌浏览器下载电脑版
  • 广州网站推广¥做下拉去118cr百度广告联系方式
  • 建设电影网站如何盈利企业品牌网站营销
  • 手机银行网站建设百度sem推广
  • 一个主机放多个网站百度学术官网首页
  • php做网站需要数据库吗seo是做什么工作内容
  • 公司做网站费用会计处理自动连点器
  • 心理健康教育网站建设排名网
  • 网站模板欣赏市场推广计划怎么写
  • 上海网站建设与设计公司广州seo快速排名
  • 福建住房与城乡建设厅网站网络热词2023流行语及解释
  • 在线制作简历模板免费seo怎么做教程
  • 英国有哪些做折扣的网站有哪些有什么推广产品的渠道
  • 衢州网站建设找哪家上海seo推广整站
  • 企业展示设计公司aso优化运营
  • 名字logo设计免费百度seo效果
  • 门户网站 cms免费推广
  • 杭州旅游 网站建设广告策划
  • 网站文章多久收录软文是啥意思
  • 网站观赏看seo
  • 企业网站 wordpress市场推广seo职位描述
  • 学网站建设工作室网络营销策略的演变