在JavaScript中将宽度和高度设置为百分比 [英] Setting width and height as a percentage in JavaScript

查看:110
本文介绍了在JavaScript中将宽度和高度设置为百分比的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

这是我的JavaScript代码:

Here is my JavaScript code:

a.width = a.width ? a.width : 640;
a.height = a.height ? a.height : 360;

如何设置640px和360px的百分比呢?我希望它们都是窗口大小的70%.

How can I make the 640px and 360px percentages instead? I want them both to be 70% of the windows size.

推荐答案

百分比是相对的值.

您需要具有如screenWidth之类的相对值(假设为) 1240px ,这样您就可以获得该值的百分比.

you need to have relative value like screenWidth (for suppose) 1240px so that you will get percentage of that value.

示例

var pixels = 100;
var screenWidth = window.screen.width;
var percentage = ( screenWidth - pixels ) / screenWidth ; // 0.92%

这篇关于在JavaScript中将宽度和高度设置为百分比的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆