怎样让bootstrap设计的页面在手机端也能响应式自适应

Posted 2023-05-10

参考技术A 默认就是可以在手机端自适应的。
注意一下它的栅栏布局里的介绍：
手机上一般是用-xs
比如：
<div
class="row">
<div
class="col-xs-12
col-md-6">在电脑上，这是半行，在手机上，这里是一行</div>
<div
class="col-xs-12
col-md-6"></div>
</div>

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

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

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

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