用html和css布局的页面,自己的电脑是1365 736的分辨率,放在1920 1080分辨率的屏幕上排版就乱了,这应该怎么解决
关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率

已采纳
html和css布局怎么适配不同的分辨率
收起
- 写回答
- 好问题 0 提建议
- 关注问题
微信扫一扫
点击复制链接分享
- 邀请回答
- 编辑 收藏 删除 结题
- 收藏 举报
10条回答 默认 最新
- 关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
cloudyzhao 2017-09-13 06:16关注1.使用百分比 相对位置
2.先获取分辨率 然后对应的设置参数本回答被题主选为最佳回答 , 对您是否有帮助呢? 本回答被专家选为最佳回答 , 对您是否有帮助呢? 本回答被题主和专家选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报微信扫一扫
点击复制链接分享
评论按下Enter换行,Ctrl+Enter发表内容
报告相同问题?
提交
- 2023-02-19 16:56回答 2 已采纳 针对你的需求,可以考虑使用CSS Grid或Flexbox来实现自适应布局。以下是一个可能的实现方案: 1.在你的首页中,使用CSS Grid或Flexbox来实现自适应布局。比如,在CSS Grid
- 2022-10-07 17:27回答 2 已采纳 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &l
- 2022-06-17 09:15回答 2 已采纳 div +flex 布局 。还是建议自己做 遇到问题再问 直接给你 对你不好,你也掌握不了 。你可以参考这个 ,里面细致的布局 你自己来 。http://www.ruanyifeng.com/blog
- 2024-10-21 10:22前端小百科的博客 使用CSS的flexbox或grid布局可以创建灵活的布局,可以自动适配不同的屏幕尺寸。可以根据视口的宽度或高度设置元素的大小,使其相对于视口的大小自适应。使用CSS的@media查询来根据不同的分辨率应用不同的样式。可以...
- 2021-12-27 11:12回答 7 已采纳 <!--黑背景--> <div style="background:black;height:100vh;width:100%;"> <!--红色圆-
- 2020-02-17 18:18回答 1 已采纳 这个问题太宽泛,具体你google css hacking或者webbrowser compatibility
- 2021-12-31 16:38回答 2 已采纳 可以的。利用定位,再加上css3的变换属性,transform,roate(***deg)就可以实现。各种位置角度都能实现。给你写了个例子,你copy运行下就可以。如果对你有帮助,点下采纳一下,谢谢。
- 2021-01-05 15:05XiaoPub的博客 一、使用JS控制与元素长度和高度 //页面加载时执行 window.onload = function () { //根据元素ID获取html元素 var element_obj = document.getElementById("wrapper"); //获取屏幕的高度 var heigth_...
- 2018-02-02 10:22回答 21 已采纳 我尝试过使用绝对布局,定义最外层容器最小宽高,计算中间元素绝对位置和大小,多利用calc。要么使用媒体搜索响应布局,宽度定义比例,高度撑起
- 2022-07-04 23:11回答 2 已采纳 自定义字体你有吗,代码为:,,是啥? 你题目的解答代码如下: <!doctype html> <html lang="en"> <head> <m
- 2023-02-01 16:03回答 2 已采纳 实际上 iframe 一般用来嵌套页面 并不是 用来 布局的。 当然 你也可以 把一个页面分成 很多个iframe。但是 你页面之间 通信就很麻烦。 你这个页面用 div +flex布局 就可以了 。
- 2024-10-29 21:57GISer_Jinger的博客 流式布局,也称为百分比布局,使用百分比来定义元素的宽度和高度,而不是固定的像素值。这种方式使页面能够根据浏览器窗口的大小自动调整,从而实现响应式设计。
- 2021-06-09 00:34平胸爱吃梨的博客 css如何设置适配不同分辨率屏幕?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。css如何设置适配不同分辨率屏幕?在使用div+css网页布局时,可以使用@media来针对...
- 2024-12-11 15:16m0_74823239的博客 完成适配具体做法:安装postcss,项目根目录新建配置文件postcss.config.js,记得别用exclude排除node_modules,否则postcss无法将包里的px样式也一起转为vw;为项目配置好rem,在项目的index.html的header标签的...
- 2023-06-28 16:48使用媒体查询(`@media`)来实现不同设备上的适配,确保在手机和平板上也能有良好的浏览体验。 再者,JavaScript是实现网页动态功能的关键,它可以处理用户的交互事件,如点击按钮、滚动页面、填写表单等。在这个仿...
- 没有解决我的问题, 去提问