秋影随行移动端响应式设计说明

Posted 2021-04-30 秋影随行

我在新的秋影随行网站页面上应用了响应式设计，采用的是html viewport声明加上CSS Media query的技术路线。简单来说，目的是为了保证网站在手机等移动媒体上也能有更好的阅读体验。

网站发布后我分别在Chrome、Edge、Firefox、Opera、Safari和360浏览器中进行了测试，都能够正常浏览，并且非常好的根据页面尺寸进行自适应。在我的手机上页面渲染也非常好。但是，因为我没条件在不同手机上进行测试，所以有可能存在代码的兼容性问题。如果你在自己的手机上阅读存在问题，请通过电子邮件或者微博、微信等方式给我留言。最好能够提供截图，以帮助我判断问题，进行改进。

此外，较早版本的Internet Explorer浏览器在浏览网站中可能存在一些问题，对于使用IE 9或者更低版本的用户，推荐升级到更新版本的软件。当然，我也在想办法解决这些兼容性问题。