网页比例问题

shzhch6306 2003-05-16 04:18:14

请问从800*600到1024*768模式下网页的比例没有改变,怎么做到？

...全文

111 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

michael_monkey 2003-05-17

打赏
举报

回复

比例没有改变？何意？
如果是各部分之间的比例不变，那高度、宽度就用百分比，，如果是大小不变就用固定象素

whweb 2003-05-16

打赏
举报

回复

要想使外观基本保持不变，最好设置width,height属性为固定像素，不要用%表示，不然网页在800*600，1024*768下会有不同程度的变形

wanchl 2003-05-16

打赏
举报

回复

有改变的，可以看一些大的网站的表格，比如sohu按照它的比例就可以在两个分辨率下看了。开始用一个大的表格，居中就行了

katanamaya 2003-05-16

打赏
举报

回复

设定网页的width height值

hejingzhen007 2003-05-16

打赏
举报

回复

选择自动扩充到整个页面就可以了！！

文章主要探讨了前端开发中笔记本电脑屏幕默认缩放比例（如125%或150%）对页面显示的影响问题，特别是在数据可视化大屏项目中。作者通过分析发现，这一问题主要由device-pixel-ratio引起，并提供了具体的解决方案：通过编写detectZoom.js文件检测当前设备的缩放比例，并在入口文件main.js中动态调整页面缩放比例以确保显示一致性。此外，文章还简要提及了数据可视化大屏的技术实现方案，包括Vue和React框架下的相关组件使用。

文章探讨了在Windows 10操作系统下，由于系统默认推荐125%或150%的缩放比例，导致网页显示异常（如出现横向滚动条）的问题。作者提出了一种通过JavaScript检测并调整浏览器缩放比例的解决方案。具体方法是使用window.devicePixelRatio获取当前缩放比例，然后通过公式或直接取倒数的方式调整页面缩放，使其尽可能恢复到100%的显示效果。虽然这种方法可能不够精确，但能快速解决部分显示问题。文章还提供了代码示例，展示了如何实现这一功能。

主要介绍了解决HTML5手机端页面缩放的问题的相关资料,需要的朋友可以参考下

工作需要，要做一个手机自适应的网页效果，终于搞定，先分享并记录！其实主要就是改掉HTML页面声明：在网页中加入以下代码，就可以正常显示了：复制代码代码如下: <meta name=”viewport” content=”width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0″/> 解释： width – viewport的宽度 height – viewport的高度 initial-scale – 初始的缩放比例 minimum-scale –

移动web APP的手势放大缩放图片插件

61,125

社区成员

60,706

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章