使用bootstrap (js，html)的动态服务移动和桌面网站
提问于 2018-10-13 13:00:19
我最初设计了整个网站(单页面)响应式，简单地使用css和bootstrap 4中的一些内联类进行重新调整。
现在，我发现自己需要重新设计整个桌面版本(或者说，与当前在移动设备上的外观有很大不同的结构)。
所以我想保留我现有的html并继续将其用于移动设备，并修改它的副本并将其用于桌面。
我认为最简单的方法是像现在一样保留一个index.html文件，复制整个index.html内部部分(在带有class=“页面”的div之间，基本上紧跟在body之后)，并将其中一个设置为class="page d-none d-lg-block"，另一个设置为class="page d-block d-lg-none"，使用bs4类根据屏幕大小显示/隐藏内容。
我在js文件中有各种内联的js函数和其他引用I的函数，所以我的感觉是这样做会产生错误，因为js会看到相同的I两次，或者页面加载时会出现一些东西(由于bs4内联类来显示内容)，但是为了确认一下，有没有人知道这是不是正确的做法(也是SEO的明智做法)？或者这样做会不会影响到javascript？
回答 1
Stack Overflow用户
发布于 2018-10-13 13:36:18
让现有的页面具有响应性并不是一件容易的事情，但它比使用变通方法隐藏在小的断点和大的断点中更有价值。
原因是：
- 您将拥有冗余组件，这意味着您的应用程序大小将在您使其响应后增加一倍，
- ，如果您使用没有数据库的静态内容，则需要在两个位置(小断点和大断点)维护内容。
花更多的时间学习grid layout，并以正确的方式实现它。在未来，维护web应用程序将变得更加容易。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52793209
复制相关文章
腾讯云开发者
