html和css布局怎么适配不同的分辨率

用html和css布局的页面，自己的电脑是1365 736的分辨率，放在1920 1080分辨率的屏幕上排版就乱了，这应该怎么解决

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

10条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
cloudyzhao 2017-09-13 06:16
关注
1.使用百分比相对位置
2.先获取分辨率然后对应的设置参数

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(9条)

报告相同问题？

关注问题

html和css布局怎么适配不同的分辨率 css html5
2017-09-13 06:11

回答 10 已采纳 1.使用百分比相对位置 2.先获取分辨率 然后对应的设置参数
vue项目适配不同分辨率屏幕 css3 javascript vue.js
2023-02-19 16:56

回答 2 已采纳针对你的需求，可以考虑使用CSS Grid或Flexbox来实现自适应布局。以下是一个可能的实现方案： 1.在你的首页中，使用CSS Grid或Flexbox来实现自适应布局。比如，在CSS Grid
HTML+ CSS前端网页制作 html5 前端华为
2022-06-17 09:15

回答 2 已采纳 div +flex 布局。还是建议自己做遇到问题再问直接给你对你不好，你也掌握不了。你可以参考这个，里面细致的布局你自己来。http://www.ruanyifeng.com/blog
HTML页面布局适配不同分辨率
2021-01-05 15:05

XiaoPub的博客一、使用JS控制与元素长度和高度 //页面加载时执行 window.onload = function () { //根据元素ID获取html元素 var element_obj = document.getElementById("wrapper"); //获取屏幕的高度 var heigth_...
只用html和css怎么做出这个效果？ css html 前端有问必答
2021-12-27 11:12

回答 7 已采纳  <div style="background:black;height:100vh;width:100%;"> <!--红色圆-
不同内核对HTML和CSS的支持有哪些不同？ css html5
2020-02-17 18:18

回答 1 已采纳这个问题太宽泛，具体你google css hacking或者webbrowser compatibility
css盒子布局浏览器的4个角落 css html 前端
2022-10-07 17:27

回答 2 已采纳 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &l
html自动适应屏幕分辨率,css如何设置适配不同分辨率屏幕？
2021-06-09 00:34

平胸爱吃梨的博客 css如何设置适配不同分辨率屏幕？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。css如何设置适配不同分辨率屏幕？在使用div+css网页布局时，可以使用@media来针对...
HTML+CSS可以制作出弧形文字吗？ css3 html5 前端
2021-12-31 16:38

回答 2 已采纳可以的。利用定位，再加上css3的变换属性，transform，roate（***deg）就可以实现。各种位置角度都能实现。给你写了个例子，你copy运行下就可以。如果对你有帮助，点下采纳一下，谢谢。
html布局为了适应不同分辨率的显示器，用什么布局好？ css
2018-02-02 10:22

回答 21 已采纳我尝试过使用绝对布局，定义最外层容器最小宽高，计算中间元素绝对位置和大小，多利用calc。要么使用媒体搜索响应布局，宽度定义比例，高度撑起
用DIV+CSS布局以下效果图 css html 前端
2022-07-04 23:11

回答 2 已采纳自定义字体你有吗，代码为：,,是啥? 你题目的解答代码如下： <!doctype html> <html lang="en"> <head> <m
CSS布局相关知识点（六）：移动端适配
2022-10-24 00:56

iivvv的博客物理像素 vs CSS像素像素：屏幕是由一个一个发光的小点构成，这一个个的小点就是像素 分辨率：1920x1080 说的就是屏幕中小点的数量在前端开发中像素要分成两种情况讨论：Css像素和物理像素物理像素，上述所说的...
除了div,css布局高级方法有哪些？ css3 html5 前端
2023-02-01 16:03

回答 2 已采纳实际上 iframe 一般用来嵌套页面并不是用来布局的。当然你也可以把一个页面分成很多个iframe。但是你页面之间通信就很麻烦。你这个页面用 div +flex布局就可以了。
react网页适配不同分辨率_前端页面适应不同分辨率
2020-12-19 17:57

weixin_39983404的博客解决方案主要有：针对不同分辨率用户设置不同的css使用JS/jQuery动态调整使用前端框架简单介绍一下：针对不同分辨率用户设置不同的css(不推荐)即针对不同的分辨率，开发不同的css样式，在界面加载时，先判断用户屏幕...
屏幕分辨率：PC / 手机屏幕常见分辨率，前端如何适配分辨率
2023-10-07 19:57

snowball_li的博客注意：分辨率的数字表示水平像素点数和垂直像素点数，例如1920x...前端分辨率适配就是在不同分辨率的设备上，保证网页或应用程序的显示效果、布局和字体大小等元素能够相对合适的展示，以便用户能够更好的阅读和使用。
没有解决我的问题, 去提问

悬赏问题

¥15 素材场景中光线烘焙后灯光失效
¥15 请教一下各位，为什么我这个没有实现模拟点击
¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
¥20 有关区间dp的问题求解
¥15 多电路系统共用电源的串扰问题
¥15 slam rangenet++配置
¥15 有没有研究水声通信方面的帮我改俩matlab代码
¥15 ubuntu子系统密码忘记
¥15 保护模式-系统加载-段寄存器