我的网页宽度设置为1920px,浏览器打开时是被拉宽的效果，在不缩放浏览器网页本身的基础上想要网页内容居中显示，左右留有旁白？
在网上也查看了一些方法都没用，如何从代码中解决问题，让它适应不同浏览器，大神们支支招
网页显示问题1920px如何缩放啊
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
23条回答
- 2020-09-22 10:42首先，我们了解到，大多数现代浏览器默认最小字体大小为12px，这是为了确保网页的可读性。如果需要设置低于此限制的字体大小，直接通过font-size属性指定一个低于12px的值，如10px，浏览器将不会应用这个样式，而是...
- 2022-02-28 21:38花乐晴的博客 @media (max-width: 1920px) and (min-width: 768px) { html { zoom: 80%; } @-ms-viewport { width: 1920px; } }
- 2022-01-18 10:18加油小吃货的博客 @media (max-width: 1920px) and (min-width: 768px) { html { zoom: 90%; } @-ms-viewport { width: 1920px; } }
- 2023-09-22 09:15flower`的博客 web端125%，150缩放显示
- 2022-09-26 20:47佳佳鸽的博客 网页页面按比例缩放
- 2022-07-15 15:13糖不苦的糖是甜的的博客 解决浏览器页面缩放前端页面大小自适应改变的问题
- 2023-02-28 09:18在网页设计领域，前端加载动画（通常称为Loading动画）是用户等待页面完全加载时的一种视觉反馈，它能够提升用户体验，使用户在等待过程中不会感到枯燥无趣。HTML和CSS3作为现代网页开发的基础，提供了丰富的功能来...
- 2025-09-16 15:00YAY_tyy的博客 本文针对超宽屏显示器（21:9、32:9等）的前端适配问题，提出了一套动态缩放方案。核心思路是根据窗口实时宽高比计算缩放因子，分三种场景处理：舒适比例（16:9~21.3:9）不缩放，宽屏采用"基础缩放+比例优化&...
- 2024-11-18 14:50尹潦的博客 在移动互联网时代，随着智能手机和平板电脑的普及，前端开发者面临的一个重要挑战是如何让网页在不同尺寸和分辨率的设备上都能良好地显示。为了应对这一挑战，的前端团队开发了 flexible.js，旨在提供一种简单有效的...
- 2023-07-04 15:43kirinlau的博客 由于前端在开发时使用的都是标准ui设计图，基本都是按照所以1920*1080， 而小屏幕笔记本由于分辨率高，所以导致的显示元素变小，因此很多笔记本的默认显示都是放大125%或者150%。我用的是vue，所以我把它加在了app....
- 2021-06-27 08:14春天里的小蜜蜂的博客 前端静态网页, 由UI出带标尺的效果图, 和切图资源, 将其实现成最终的网页呈现给用户.之所以有这篇博文, 是因为UI设计的效果图原始宽度是 1920px, 其中的标注尺寸也是以这个宽度为基础的.在网页开发时, 严格按照标注...
- 2023-08-02 16:24例如，当屏幕宽度小于600px时，可以将导航栏改为垂直显示，以适应更窄的屏幕。 响应式布局则涉及流式布局（Fluid Grids）、弹性图片（Flexible Images）和媒体查询的综合应用。流式布局让网页元素按比例缩放，保持...
- 2024-09-27 09:41JoeChen.的博客 CSS3媒体查询技术监测的其实是视口尺寸或者窗口尺寸，只要是视口尺寸...当电脑缩放比发生变化时候，三者的尺寸都会发生变化，电脑缩放会把逻辑像素等比例放大，所以在屏幕硬件不能改变的情况下，屏幕的尺寸px变少了。
- 2021-08-24 10:13ReMoveTo的博客 前端界面缩放(自适应宽高)问题 话不多说直接上代码！！！！ HTML 代码 //HTML 代码 <body onload='init()'> <div class="all"> <div class="header"> </div> <div class="left">...
- 2025-06-08 11:15北辰alk的博客 前端实现网页水印及防移除方案详解
- 没有解决我的问题, 去提问
