开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

将高度设置为高度为30%的参数高度的100%？

将高度设置为高度为30%的参数高度的100%是一个无意义的问题，因为无法确定参数高度的具体数值。高度的设置通常是相对于某个参考对象或者具体数值进行的，而不是相对于自身的百分比。因此，无法给出完善且全面的答案。

相关搜索:IFRAME将高度设置为100%如何将div的高度设置为外部div的100%高度？当父高度为auto时，高度为100%С错误未将高度设置为100%将图元高度设置为相邻图元的高度 React NextJS CSS -节的高度设置为父高度的100%，但提供100%的页面高度使用NuxtJs将Body设置为100%高度 css设置高度为屏幕高度如何设置header的高度为最大高度？将imageView高度设置为其父高度的3/4 设置容器类的高度为图片的高度将UITableViewCell的高度调整为UITextView的高度当高度设置为100%时，React Apexchart不采用其父高度如何设置容器内内容的高度为100%？如何将外部元素的高度100%设置为内部将Bootstrap 4列高度强制设置为内容高度如何将next/image组件设置为100%高度 Fabric js -将画布宽度和高度设置为100%使div的高度为父对象高度的100%，包括溢出 ContentPage的高度设置为504？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

background-size之详解

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>112-背景尺寸属性</title> <style> *{ margin: 0; padding: 0; } ul{ width: 800px; height: 500px; ma

01

Flutter 初学者必读的高级布局规则

假设有人正在学习 Flutter，他问你为什么有的 width:100 的 widget 宽度不是 100 像素，标准答案是让他将 widget 放在一个 Center 里面，对吗？

02

Unity3d开发

JavaScript之前已经又所了解，但是在之前也只是在网页的基础上进行学习在网页上如何使用JavaScript脚本进行编译

03

Flutter你竟是这样的布局

对于Flutter学习者来说，掌握Flutter的布局行为，直接决定了开发者在布局的时候是否能做到高效、快速的开发，但是初学者面对茫茫多的Widget以及各种无法预料的布局行为，总是很难将心中所想，转化为Flutter的代码。

02

第95天：CSS3 边框、背景和文字效果

transform：通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。

02

transform的使用方法

在排版当中去合理的使用transform会使我们的排版看起来高大上那么一点。接下来给大家介绍一下这个神奇的小东西都有什么属性会有什么效果。

02

HarmonyOS应用开发-低代码开发登录页

本篇文章我来手把手教大家做一个HarmonyOS 应用的登录页面，逐步讲解，非常细致，百分百能学会，并提供全部源码。页面使用 DevEco Studio 的低代码开发。通过本文的实践经验，我想告诉大家， HarmonyOS 应用开发其实并不难，只要了解具体的开发流程和开发思想，大家都可以很快上手。

02

marquee 标签的使用详情

<marquee>标签，它是成对出现的标签，首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。<marquee>标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。 behavior属性 behavior属性的参数值为alternate、scroll、slide中的一个，分别表示文字来回滚动、单方向循环滚动、只滚动一次，需要注

03

canvas 快速入门

在本文中，我们将学习Canvas的特性，包括如何在HTML文档中引入Canvas以及在Canvas上绘制图形和各种对象。我们也将学习如何修改绘制在Canvas上的图形和对象，以及如何擦除它们。最后，将通过一个例子来学习如何将Canvas，尺寸设置为浏览器窗口的大小。

02

【CSS】标签显示模式 ④ ( 标签显示模式示例 | 设置行内元素宽高 | 设置鼠标经过样式 | 设置文字水平居中 | 设置文字垂直居中 | 文本行高与盒子高度关系 )

基本的 HTML 标签结构 , 就是 4 个链接 , 使用链接标签 ;

04

对比excel，用python绘制华夫饼图

最近在工作中用到了华夫饼图，不过我这边主要是excel去制作，这里我们试着看看excel和python绘制华夫饼图的一些小技巧吧！

04

iOS-屏幕适配实现（VFL）

VFL全称是Visual Format Language（可视化格式语言），它简化了Autolayout，通过一行字符串，你可以在水平或者垂直方向上指定多个约束, 这跟一次只能创建一个约束相比会节省大量的代码量

01

Python 之 tkinter 学习笔记

最近有个小需求需要实现，最后要给出一个 GUI 界面，想了想还是不用 c++ 写 MFC 了，因为还涉及到网络编程，感觉还是简单事情简单做，然后转手写 python，刚开始想尝试 pyqt，但感觉好像还是有点麻烦，本来就只是做个插件，最后就大概看了一下内置的 tkinter，一边写一边学也马上就上手了，总的来说感觉还是简单的。

02

10分钟理解CSS3 Grid

上一篇文章我们介绍了 css3 flexbox，今天我们再来说说css3的另外一个强大的功能：Grid。 Grid做前端的同学应该都很熟悉了，翻译成中文为“栅格”，用过bootstrap、semantic ui、ant design的同学肯定都了解grid layout（删格布局），以往css框架中的grid布局一般是通过float和百分比的宽度实现的，这种实现有几种缺点：

02

EasyX图形库学习（二、文字输出）

void settextstyle(int height,int width,LPCTSTR face);

01

transform、transition方法详解及scale、zoom差异性说明

使用skew方法来实现文字或图像的倾斜处理，在参数中分布指定水平方向上的倾斜角度与垂直方向上的倾斜角度。

02

5-3 绘制图形

基本形状的绘制，我们可以从图形类提供的方法中找到解决方案，比如三角形即画三条相互连接的直线，心形则依次画几个半圆形组合，关键问题是找准其中的连接点位置，常见图形都可以通过基本方法调用画出。但是一些数学曲线的处理就较为繁琐，不是标准的形状组成，需要两点一线逐一绘制，这里我们以一些常用曲线及图表为例。

01

【Android 应用开发】自定义组件宽高适配方法, 手势监听器操作组件, 回调接口维护策略, 绘制方法分析 -- 基于 WheelView 组件分析自定义组件

博客地址 : http://blog.csdn.net/shulianghan/article/details/41520569

01

CSS垂直居中的七个方法

设定行高是垂直居中最简单的方式，适用于“单行”的“行内元素”（inline，inline-block），例如单行的标题，或者已经设置inline-block属性的div，若将line -height设成和高度相同的数值，则内容的行内元素就会被垂直居中，因为是行高，所以会在行内元素的上下都加上行高的1/2，所以就垂直居中了！不过由此就可以抛光，为什么必须要单行的行内元素，因为如果多行，第二行与第一行的间隔会变超大，就不是我们所期望的效果了。CSS示例：

03

AWT的Container容器

推荐一个网站给想要了解或者学习人工智能知识的读者，这个网站里内容讲解通俗易懂且风趣幽默，对我帮助很大。我想与大家分享这个宝藏网站，请点击下方链接查看。 https://www.captainbed.cn/f1

01

HTML5 & CSS3初学者指南(4) – Canvas使用

介绍传统的HTML主要用于文本的创建，可以通过标签插入图像，动画的实现则需要第三方插件。在这方面，传统的HTML极其缺乏满足现代网页多媒体需求的能力。HTML5的到来，带来了新的成员<canvas>标签。什么是 Canvas？ HTML5 的 Canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，你可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 Canvas 元素向 HTML5 页面添加 Canvas 元素。

06

H5的canvas绘图技术

canvas元素是HTML5中新添加的一个元素，该元素是HTML5中的一个亮点。Canvas元素就像一块画布，通过该元素自带的API结合JavaScript代码可以绘制各种图形和图像以及动画效果。

01

win32程序之子窗口编程

在前边我们已经讲解了窗口的本质.以及如何注册窗口类跟创建窗口. 还讲了消息循环.

02

重温CSS3

基础不牢，地动山摇！没办法，只能重温“经典”！ 1.CSS3边框：border-radius;　　box-shadow;　　border-image border-radius:r1,r2,r3,r4;（边框圆角！） r1~r4：分别为左上角，右上角，右下角，左下角半径（顺时针！缺省时：左上角、右下角相同；右上角，左下角相同） border-radius: 30px; box-shadow: x-shadow y-shadow blur spread color insert;（盒阴影） x-shadow

08

对html与body的一些研究与理解

最近一直构思着写篇关于<html>标签的文章，虽说之前处理过<html>标签，也解决过不少棘手的问题，但是对其理解还不是很透彻，很多原理都是自己推测的。

03

PHP图像处理技术实例总结【绘图、水印、验证码、图像压缩】

参数1：图像资源(画布) 参数2：开始的x轴坐标参数3：开始的y轴坐标参数4：结束的x轴坐标参数5：结束的y轴坐标参数6：线条的颜色

02

PHP图像处理技术实例总结【绘图、水印、验证码、图像压缩】

（1）绘制线条： imageline($p1, $p2, $p3, $p4, $p5, $6)

02

你不知道 CSS 可以做的 4 件事

这样就实现了延时1s，一共0.5s的淡入动画。其中ease是animation-timing-function的默认值。animation-timing-function使用了三次贝塞尔（Cubic Bezier）函数生成速度曲线，可以让我们的动画产生平滑的过渡。但是有的时候我们并不想要平滑的过渡，比如想要实现下面小人跑动的效果，该怎么实现呢？

03

Threejs入门之七:Threejs中的几何体

前面的代码中我们一直使用立体缓冲几何体BoxGeometry来构造物体，这样构造出来的是一个长方体或正方体，Threejs提供了很多几何体的API，如圆形缓冲几何体、圆锥缓冲几何体、圆柱缓冲几何体等，下面一一进行介绍 1.立方缓冲几何体（BoxGeometry），立方缓冲几何体我们前面已经使用过了，它是四边形的原始几何类，它通常使用构造函数所提供的“width”、“height”、“depth”参数来创建立方体或者不规则四边形。 BoxGeometry可以接收6个参数，具体如下 BoxGeometry(width : Float, height : Float, depth : Float, widthSegments : Integer, heightSegments : Integer, depthSegments : Integer) width — X轴上面的宽度，默认值为1。 height — Y轴上面的高度，默认值为1。 depth — Z轴上面的深度，默认值为1。 widthSegments — （可选）宽度的分段数，默认值是1。 heightSegments — （可选）高度的分段数，默认值是1。 depthSegments — （可选）深度的分段数，默认值是1。添加立方缓冲几何体到场景中，前面也使用过，使用下面的代码可以将立方缓冲几何体添加到场景中

03

Qt 之图形（QPainter 的基本绘图）「建议收藏」

Qt 中提供了强大的 2D 绘图系统，可以使用相同的 API 在屏幕和绘图设备上进行绘制，它主要基于QPainter、QPaintDevice 和 QPaintEngine 这三个类。

04

你不知道 CSS 可以做的 4 件事

这样就实现了延时1s，一共0.5s的淡入动画。其中ease是animation-timing-function的默认值。animation-timing-function使用了三次贝塞尔（Cubic Bezier）函数生成速度曲线，可以让我们的动画产生平滑的过渡。但是有的时候我们并不想要平滑的过渡，比如想要实现下面小人跑动的效果，该怎么实现呢？

01

iOS自动布局框架之Masonry

目前iOS开发中大多数页面都已经开始使用Interface Builder的方式进行UI开发了，但是在一些变化比较复杂的页面，还是需要通过代码来进行UI开发的。而且有很多比较老的项目，本身就还在采用纯代码的方式进行开发。而现在iPhone和iPad屏幕尺寸越来越多，虽然开发者只需要根据屏幕点进行开发，而不需要基于像素点进行UI开发。但如果在项目中根据不同屏幕尺寸进行各种判断，写死坐标的话，这样开发起来是很吃力的。所以一般用纯代码开发UI的话，一般都是配合一些自动化布局的框架进行屏幕适配。苹果为我们提供的适配

05

iOS自动布局框架之Masonry

目前iOS开发中大多数页面都已经开始使用Interface Builder的方式进行UI开发了，但是在一些变化比较复杂的页面，还是需要通过代码来进行UI开发的。而且有很多比较老的项目，本身就还在采用纯代码的方式进行开发。而现在iPhone和iPad屏幕尺寸越来越多，虽然开发者只需要根据屏幕点进行开发，而不需要基于像素点进行UI开发。但如果在项目中根据不同屏幕尺寸进行各种判断，写死坐标的话，这样开发起来是很吃力的。所以一般用纯代码开发UI的话，一般都是配合一些自动化布局的框架进行屏幕适配。苹果为我们提供的适配

06

MyLayout&TangramKit 的重大升级!

MyLayout和TangramKit是一套基于frame之上的UI界面布局库的OC版本和Swift版本。目前最新版本升级为MyLayout1.7.0和TangramKit1.4.0。 ?OC1.7

02

浅谈JavaScript的Canvas（绘制图形）

HTML5中新增加的一个元素canvas，要使用canvas元素，浏览器必须支持html5。通过canvas标签来创建元素，并需要为canvas指定宽度和高度，也就是绘图区域的大小。 <canvas id="mycanvas" style="width:500px;height:500px;"></canvas> 。要在canvas上画图，需要取得canvas的上下文，通过getContext方法来获取上下文。 var context=canvas.getContext("2d"); 在使用getCon

06

【Android 内存优化】Bitmap 图像尺寸缩小 ( 考虑像素密度、针对从不同像素密度资源中解码对应的 Bitmap 对象 | inDensity | inTargetDensity )

在之前讲内存占用的博客中【Android 内存优化】Bitmap 内存占用计算 ( Bitmap 图片内存占用分析 | Bitmap 内存占用计算 | Bitmap 不同像素密度间的转换 ) , 讲到从不同的像素密度资源中获取图片 , 其解码后的大小不同 ;

02

M5ATOMS3基础01按键

注意: 1.如果您不想使用M5.begin() 初始化LCD,请在使用显示器之前调用此功能

03

Python测试题

在程序设计中随机预设一个0-100的数字，让用户通过键盘输入所猜数字。如果输入的数字比预设数字大，显示“遗憾，太大了”；小于预设数字则显示“遗憾，太小了”，如此循环，知道猜中该数字为止，如果猜中，则显示“恭喜你！猜中了。”

04

小程序开发解决margin或padding溢出问题

当设置了父元素的宽度，子元素设置宽度为100%后再在加上子元素上添加padding或margin值就会溢出。

05

2016.07 第一周群问题分享

HTML+CSS 如何用CSS实现一个元素footer一直贴在浏览器底部 2016.06.27~2016.07.01 核心概念 margin-bottom负值、margin-top负值、Flexbox布局参考答案 footer元素始终贴在浏览器底部。我们知道当内容足够多可以撑开底部到达浏览器的底部，如果内容不够多，不足以撑开元素到达浏览器的底部。下面要讲的布局就是解决如何使元素贴住浏览器底部。方法一：全局增加一个负值的下边距等于底部高度有一个全局的元素包含除了底部之外的所有内容。它有一个负值的下边距等

属性动画的核心方法：ValueAnimator.ofInt(int... values)

比如 ValueAnimator.ofInt(0,100) , 实现的即数值从0平稳的变化到100

02

CSS3 2D转换

转换（transform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果

01

06. Web大前端时代之：HTML5+CSS3入门系列~HTML5 画布（下）

矩阵变化其实像 translate（移动），scale（缩放），rotate（旋转）都是特殊的矩阵变换 transform(m11,m12,m21,m22,dx,dy) 替换当前的变换矩阵（transform() 允许您缩放、旋转、移动并倾斜当前的环境） http://www.w3school.com.cn/tags/canvas_transform.asp 参数图解本质公式参数详解水平缩放绘图 m11 水平倾斜绘图 m12 垂直倾斜绘图 m21 垂直缩放绘图 m22 水平移动绘图 dx 垂直

07

固定宽高比例盒模型实现方案

常规布局中，我们经常会遇到百分比布局的方式，也经常会遇到宽度与高度都设置百分比的情况，但高度值我们一般很少用百分比。尤其在百分比布局中，可能很多布局你是宽度百分比，高度固定px。对此你可知道原因么？

02

android

目前iOS开发中大多数页面都已经开始使用Interface Builder的方式进行UI开发了，但是在一些变化比较复杂的页面，还是需要通过代码来进行UI开发的。而且有很多比较老的项目，本身就还在采用纯代码的方式进行开发。

02

【CSS】轮播图案例开发 ( 基本设置 | 子绝父相 | 浏览器水平居中 | 圆角设置 | 绝对定位居中设置 )

设置图片自适应 : 设置的图片可能大于或小于图片容器 , 设置其宽度填充 100% 父容器 , 可以保证图片填充满父容器 ;

01

IT课程 CSS基础 021_值类型、单位、大小、颜色

在CSS中，长度单位用于表示尺寸和距离，可以应用于各种属性，如宽度、高度、边距、填充等。

01

HTML5＆CSS3初学者指南（4）–Canvas使用

问题：我怎么才能收到你们公众号平台的推送文章呢？介绍传统的HTML主要用于文本的创建，可以通过标签插入图像，动画的实现则需要第三方插件。在这方面，传统的HTML极其缺乏满足现代网页多媒体需求的能力。HTML5的到来，带来了新的成员标签。什么是 Canvas？ HTML5 的 Canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，你可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 Canvas 元素向 HTML5 页面添加

08

创建canvas设置canvas尺寸绘制图形Canvas库

Canvas是常见的前端技术，但是由于API众多，使用复杂，且对程序员的数学功底、空间想象能力乃至审美都有一定要求，所以真正擅长canvas的前端并不多，但并不代表大家就学不好canvas。我在此将常用的canvas使用场景罗列出来希望能帮助到大家。

01

HarmonyOS开发学习（3）–页面开发

组件是界面搭建与显示的最小单位，组件根据功能可以分为以下五大类：基础组件、容器组件、媒体组件、绘制组件、画布组件。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭