• 所有问题

    • 利用css怎样实现宽和高的比例是1:1

    利用css怎样实现宽和高的比例是1:1

    举报该问题
    推荐答案   2016-05-13
    css3有两个新单位，vw和vh,vw表示占用父元素宽度的百分比，vh表示父元素高度的百分比，如20vw表示元素宽度为父元素宽度的百分之二十，你设置宽度和高度都为20vw，就能实现正方形的效果。不过有个bug，就是现在浏览器对css3的支持度不是很大，有些浏览器不支持
    温馨提示：答案为网友推荐，仅供参考
    其他回答
    第1个回答  2017-08-02
    视窗宽度是100vw 不是你说的相对于父级的百分比。
    无法通过css直接设置宽高比例自适应。
    需要用js 来设置，先取元素宽度，然后设置元素高度等于取到的宽度。
    随便乱说都能被采纳为最佳 真是可笑
    第2个回答  2016-04-30
    1 ： 1 设置宽度和高度都一样
    相似回答
    css样式布局及rem用法梳理答：1、流体布局 流体布局其实就是宽度用百分比，高度用固定值的布局方式，宽度通过百分比来适配不同宽度的屏幕。为了适配手机端不同尺寸的屏幕，我们在定义元素宽度的时候可以写百分比，百分比是相对于屏幕的宽度，所有宽度就可以做到自适应，而在高度方向，由于网页的高度是不定的，所以我们可以把高度写成固定的...
    css如何实现一个自适应容器答：（推荐教程：CSS入门教程）二、实现方法1 - 通过 vw 视口单位实现所谓 视口单位 (viewport units)是相对于视口(viewport)的尺寸而言， 100vw 等于视口宽度的 100% ，即 1vw 等于视口宽度的1%。我们就可以利用这个特性，实现移动端的宽高等比自适应容器。HTML代码： css代码：*{ margin:0; padding:0...
    CSS 布局_1 盒模型答：盒模式是 CSS 中一个重要的概念，即元素在页面所占据的空间位置，盒模型的属性包括：内容 (content)、填充 (padding)、边框 (border)、边界 (margin)，盒模型一共分为两种，一种是 W3C 标准盒模型，另一种是 IE 盒模型（又称怪异盒模型）元素盒模型宽高 = 内容的宽高 + 内边距padding + 边框bo...
    是否可以利用css获取容器内宽度、高度较小的那个值?答：使用vw,vh,说明是移动端，移动端的vw必定小于vh,所以直接按照div2 width="200px"即可 请采纳
    如何用css设置文本框的宽和高?答：可以给标签家个id或class; 就可以调整文本框的宽和高。如： .text1{width:100px; height:20px}
    CSS用@media媒体查询进行响应式设计,什么是媒体查询答：user-scalable=no"/>width=device-width:宽度等于当前设备的宽度initial-scale=1：初始的缩放比例（默认为1）maximum-scale=1：允许用户缩放到得最大比例（默认为1）user-scalable=no：用户不能手动缩放b.在CSS文件中写响应式媒体查询基本语法：@media 媒体类型 and （媒体特征）{样式}举例1：@media ...
    css中这三个的使用有什么区别:1 overflow:hidden;2 overflow:auto;zoom...答：② overflow:auto;zoom:1;，在不使用 overflow:hidden 的场景下，需要触发 hasLayout ，可以用 zoom: （normal以外的值） 这个样式；③ overflow:auto;height:1%;，在不使用 overflow:hidden 的场景下，需要触发 hasLayout ，可以用 height: （auto以外的值）这个样式，1%是为了在实现非0。可以参考以下...
    前端面试题系列之-CSS及页面布局篇答：css3新单位，viewpoint width的缩写，视窗宽度，1vw等于视窗宽度的1%。举个例子：浏览器宽度1200px, 1 vw = 1200px/100 = 12 px。1英寸（inch）=2.54厘米（cm）手机对角线的长度换算成英寸 屏幕横向和纵向的像素点 1px即代表一个物理像素点/像素块 PPI，是每英寸可以显示的像素点的英文缩写。
    大家正在搜
    用css实现宽高2比一css等比例缩放图片按比例放大csscss宽高css左右两边的宽css设置宽高css行宽怎么设置css等比css新建样式表
    相关问题
    做响应式网页，如何让一个div的高和宽保持比例放大 缩小
    CSS样式，一个网页的设计是用固定高度宽度 还是用百分比
    做响应式网页，如何让一个div的高和宽保持比例放大或是缩小？
    做响应式网页，如何让一个div的高和宽保持比例放大或是缩小？
    怎么样使div的宽和高和页面body的宽和高一样??
    如果一个div在宽度为百分比的情况下，如何将这个div的高度...
    墙宽和高的比例是3比1是什么意思
    CSS里宽度我设了百分比，想让高度和宽度一样，要怎么写？