怎么设置网页分辨率?-ZOL问答

6个回答默认排序

默认排序

按时间排序

没找到满意答案？去问秘塔AI搜索

取消复制问题

已采纳

调节网页分辨率的方法挺简单的，给大家分享下我自己常用的几种办法：
想把网页放大点看，直接用浏览器自带的功能就行。比如Chrome或者Edge，右上角那个三个点点开，找到缩放选项，选200%或者更高的比例就OK了。如果你不想动菜单，直接按住Ctrl然后滚动鼠标滚轮也能快速放大缩小。页面右下角有时候也会有个缩放：100%的选项，点进去也能调，调到你觉得舒服的比例就行。
如果你是想写代码来获取当前的屏幕分辨率，那也可以用JavaScript来搞定。代码很简单，比如：
高：window.screen.height
宽：window.screen.width
这两个就能直接获取到当前屏幕的高度和宽度了。后面再做个简单的判断，根据不同的分辨率加载不同的样式或者页面内容就行。
如果你是做网页设计的，比如用CSS布局页面，那可以根据不同的分辨率加载不同的CSS文件。比如判断下window.matchMedia或者用media query，直接在CSS里写@media的条件判断。这样在不同设备上显示的效果会更好，适配也更灵活。
如果是做整站适配，可以做个判断页面，检测分辨率之后自动跳转到对应版本的网页。比如用户是1920*1080的大屏，就跳到高清版；如果是手机访问，就跳到移动端页面。
那有人问了，怎么设置浏览器的分辨率？其实你不能单独设置浏览器的分辨率，只能调整电脑的整体分辨率。操作也很简单，桌面空白处右键，选择显示设置或者屏幕分辨率，然后调整到你想要的尺寸就行。设置完之后整个系统包括浏览器都会跟着变。
至于让网页自适应分辨率，这个在网页设计里很常见。比如你做的网页在1024*768或者800*600的显示器上都能自动适配，看起来不乱。常用的方法有几个：
第一种是用表格布局（虽然现在用得少了），但如果你用Dreamweaver这类工具做网页，建议表格的宽度用固定像素值，而不是百分比。不然浏览器一缩放，表格内容就乱套了。外层表格设置固定宽度之后，内层表格可以用百分比来灵活布局。
第二种是让网页居中显示。比如你在800*600的分辨率下做的网页，在1024*768的显示器上会靠左显示，看起来不太美观。解决办法就是在网页代码里加个居中布局的标签，比如在里面加个，设置margin: 0 auto;，这样网页就会自动居中了。
总结网页自适应现在主流是用响应式设计，比如Bootstrap框架，或者用媒体查询、弹性布局（flex）来处理。这样不管用户用什么分辨率访问，都能有不错的显示效果。
有啥不懂的可以继续问我哈~

取消评论