本文讲述了作者在开发过程中遇到的屏幕适配问题，并分享了一个实用技巧：如何利用Firefox和Chrome浏览器的开发者工具进行屏幕尺寸模拟，以确保不同尺寸屏幕下网页布局的一致性和美观性。
在以前我开发的时候一开始用的小屏幕，后来发现在大屏幕上的布局全乱了，就换了个大屏幕。
您猜怎么着，大屏幕上写的放小屏幕上轮播图等等样式会有部分不显示或者错乱。
后来我就忙碌于大小屏幕来回调试——往事不堪回首。。。
如今，我偶然发现Firefox浏览器 Chrome浏览器都具有一个很强的功能，它可以使用开发工具切换分辨率。
接下来我来介绍使用方法。
- 首先，将你的页面用火狐或谷歌浏览器打开。
注意箭头指的地方，那个带个手机图标的小按钮就是切换进切换分辨率界面的按钮，点一下进去。
- 可以看到界面顶部从左到右有四个按钮，第一个是切换手机品牌的，这样可以快速调整兼容性，第二个和第三个就是调整宽高的，我大屏1920*900，那可以输入1366*768来看看在小屏上我的界面是什么样子。
介绍完毕~
扫一扫
3198
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
