比如我的图片是1920*680像素，怎样在固定布局中能使它适应屏幕大小？在响应式布局中又该如何做？
4条回答 默认 最新
- 2021-03-24 09:13回答 2 已采纳 采用flex布局后，box中的所有子元素div自动成为容器成员，你设置了flex-wrap属性为：wrap，元素的布局就会变成类似于这样了： 你想变成自上而下的样式，有个flex-directi
- 2022-11-18 16:56回答 2 已采纳 弄出来了，记录下： <!doctype html> <html lang="en"> <head> <meta charset="U
- 2022-07-20 16:53回答 4 已采纳 在css设置高度时有几种单位分别是:px,%,vh你可以试试用vh,vh的意思是网页高度的百分比,举例,如果网页高度是1080px,50vh就是一半,就是540px,用vh设置高度比用百分比布局好的地
- 2020-12-13 03:40最近使用position属性进行界面布局，在以后的开发中将要经常使用，便于以后使用方便特别把样式写在这里： 复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
- 2022-07-25 11:41回答 3 已采纳 直接使用瀑布流布局。
- 2014-12-26 01:37回答 2 已采纳 left和right的css添加top:100px，要不没设置top时，紧跟上一个容器的位置进行定位
- 2021-12-17 07:58回答 3 已采纳 对了，你说的自适应是一种；另外一种就是根据浏览器类型，跳转不同页面，及内容相同，版面完全不一样的不同页面
- 2019-12-23 00:17AldarLin的博客 在前端开发中，我们不可避免要面临适配问题。本文将介绍几种适配方式： 一、px和em 1.1 px 1.2 em 二、rem 2.1 rem原理 2.2 rem如何计算的 2.3rem使用 三、使用插件px2rem转换 3.1 原理和优点 3.2 使用...
- 2021-05-06 19:20回答 4 已采纳 <style> .img{max-width:100%;display:block;margin:0 auto} </style> <img class="img" s
- 2020-07-30 10:22回答 3 已采纳 如果说你只是要图片的效果的话，不需要宽度自适应也可以实现，想要宽度自适应纯css是没有办法实现的，需要加入js。
- 2022-01-02 10:03回答 3 已采纳 有没有使用前端框架呢，如bootstrap，vue等框架都可以使用栅格自动适应
- 2021-08-14 17:04_龙衣的博客 用 CSS 来让图片自适应其实很简单。 你只需要给图片添加这些属性: img { max-width: 100%; height: auto; } 设置 max-width 值为 100% 可确保图片不超出父容器的范围； 设置 height属性为 auto可以保持图片的...
- 2021-05-07 09:40回答 5 已采纳 <style> .img{max-width:100%;display:block;margin:0 auto} </style> <img class="img
- 2023-02-12 16:02孤傲倾城的博客 响应式的概念覆盖了自适应，响应式布局可以根据屏幕的大小自动的调整页面的展现方式，以及布局。自适应，如果屏幕太小，即使网页能够根据屏幕大小进行适配，也会感觉在小屏幕上查看内容过于拥挤。响应式可以自动识别...
- 2021-02-25 17:48特别说明：在开始这一切之前，请开发移动界面的工程师们在头部加上下面这条meta:所谓宽度自适应严格来说是一种PC端的自适应布局方式在移动端的延伸。在处理PC端的前端界面时候需要用到全屏布局时采用的就是此种布局...
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 js调用html页面需要隐藏某个按钮
- ¥15 ads仿真结果在圆图上是怎么读数的
- ¥20 Cotex M3的调试和程序执行方式是什么样的？
- ¥20 java项目连接sqlserver时报ssl相关错误
- ¥15 一道python难题3
- ¥15 牛顿斯科特系数表表示
- ¥15 arduino 步进电机
- ¥20 程序进入HardFault_Handler
- ¥15 关于#python#的问题：自动化测试
- ¥20 问题请教！vue项目关于Nginx配置nonce安全策略的问题