根据屏幕大小显示文本
我正在制作一个网站，它显示一定数量的文本。例如：
“Lorem ipsum dolor sit amet，concetetur adipiscing elit。Suspendisse imperdiet venenatis nulla，sed viverra arcu eget ornare。Morbi commodo，ullamcorper neque egestas，est est iaculis massa，massa metus et semper at purus。Etiam nisl sed sapien in dapibus aliquet。
Etiam auctor dui quis。Nam et nisi viverra scelerisque获释。在hac habitasse的演讲中。矢状静脉曲张处疼痛。埃尼姆·埃蒂姆·乌恩·康塞奎特·埃吉特·索利西图丁（Enim etiam urn consequat et eget sollicitudin），叶舌中的矢状体。Maecenas euismod，enim a dictum iaculis，enim vestibu turpis sapien，non convallis my vitae risus libero。埃格斯塔斯酒后驾车。在工作中，坐着Rest。
Maecenas quis turpis release，id调味品neque。埃涅亚人释放埃尼姆，生命的时间到了，死亡的时间到了。Lorem ipsum dolor sit amet，concetetur adipiscing elit。“”
如果用户从平板电脑连接，此文本将生成一个滚动条，但我希望此文本分页，例如，每个段落显示3页第1页。
我想要的是将很长的文本存储在数据库、json、xml或其他任何东西中，并按设备和屏幕大小显示页面，并且没有滚动。
有人能帮我吗？
非常感谢。
共有2个答案
您可以使用PHP Mobile Detect检测平板电脑的用户代理并显示适当的内容。
使用css媒体查询来确定不同设备类型/屏幕尺寸的样式：http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
-
问题内容： CSS nob在这里… 我正在研究一个响应式框架，并想象如何完成不同的任务。 根据屏幕的大小，它们具有添加到body标签的类，例如： .PhoneVisible，.DesktopVisible等… 他们也有将按钮链接到的类： .btn，小按钮，中按钮，大按钮 我对如何更改CSS感到困惑。IE浏览器类似： 您是否必须单独设置各种选项？ 即.PhoneVisible .MyButtonOp
-
我有一个可折叠的导航条构建与bootstrap 4。我使用了col-sm-2和navbar-expand-sm来使它以相同的屏幕尺寸折叠成一个汉堡包，它应该占据整个宽度。 问题是在sm屏幕尺寸以上，我希望它有h-100，所以它是一个侧栏，但作为sm/xs，我希望它只是占用拨动按钮所需的空间。 有没有办法用bootstrap来实现这一点，或者我被困在jquery中添加/删除h-100类？
-
描述 (Description) 它通过在页面上使用.show类显示基于设备的元素，用户正在查看该元素。 您可以使用show-for-small类show-for-small小型设备的内容，对于中型设备，使用show-for-medium类，对于大型设备，可以使用show-for-large类。 例子 (Example) 以下示例演示了在Foundation中使用.show类 - <!doctyp
-
我想根据响应本机中的屏幕宽度更改。 我想做这样的东西，预期的结果是在向添加数字时变得更小。 我尝试的资源： React Native响应字体大小 https://reactnativeexample.com/responsive-fontsize-based-on-screen-size-of-the-device-in-react-native/ 更多的不起作用。
-
我正在使用一个库从url获取图像并将其作为位图图像保存到缓存中。但是当我检索该图像时，它非常小。如何根据手机屏幕增加位图图像的高度和宽度？这是创建位图的类。
-
我想设计下面的UI。为了达到同样的效果，我试着使用拖拉。但问题是：在不同的屏幕尺寸上，可绘制图像的显示方式不同。屏幕尺寸为6.0时：可抽片呈椭圆形，下方为圆形。 用户界面设计尝试实现： 内容和布局： 线性布局可绘制： bg_布局： 主要的类别：