最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【已解决】css中用屏幕宽度百分比作为某个元素的高度

CSS crifan 3786浏览 0评论

折腾:

【已解决】ReactJS的布局在小米3手机中布局错乱

期间,想要获取屏幕的宽度的值,然后按照20%的比例calc出来具体的值,作为svg的高度。

less 获取屏幕分辨率

css 获取屏幕分辨率

css screen size

css get height of screen resolution – Stack Overflow

css获取屏幕分辨率调整字体大小 – 須彌視界娛樂

http://www.day8x.com/753.html

html – CSS media queries for screen sizes – Stack Overflow

css get height of screen resolution – Stack Overflow

css3 – Media Queries for all screen sizes – Stack Overflow

css – Responsive web design is based on screen resolution or screen size? – Graphic Design Stack Exchange

less calc height

CSS3 calc() function doesn’t work with LESS · Issue #974 · less/less.js

jquery – Calculating height of a div using Less.js in a liquid layout – Stack Overflow

Using CSS3 calc() function – Stack Overflow

CSS3 calc() in LESS CSS (Example)

【总结】

目前无法实现:

如何在css可以先获得屏幕的宽度的绝对值,然后按照20%的宽度,作为别的元素的高度。

【后记】

其实此处问题和后面的:

【已解决】css中如何实现高度和宽度一样都是宽度的某个百分比

可以理解为同样的方式,用:

div{
    width:80vw;
    height:80vw; /* same as width */
}

也算是,实现了用80%的屏幕宽度作为别的元素的高度了。所以也算是解决了此问题了。

转载请注明:在路上 » 【已解决】css中用屏幕宽度百分比作为某个元素的高度

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
82 queries in 0.178 seconds, using 22.04MB memory