移动设备和平板电脑均为1列视图 [英] 1 column view in both mobile and tablet

问题描述

我希望在手机和平​​板电脑上都有一个或一列，该列有一些文字和图像，图像的大小，如果是平板电脑的话，列的宽度应该增加，如果它是移动的话，列的宽度会减少。文本将转到下一行，如果它在移动设备上，否则它将在平板电脑上的一行

I want to have a single or 1 column on both mobile and tablet , the column has some text and Image , the size of the image , width of the column should increase if its a tablet and decrease if its a mobile .The text will go to next line if its on mobile else it will be of one line on a tablet

推荐答案

如果您使用的是bootstrap，那么学习Bootstrap Grid Basic [ ^ ]

您还应该学习响应网页设计媒体查询 [ ^ ]更好了解机制。

if you are using bootstrap, then learn the Bootstrap Grid Basic[^]
You should also learn Responsive Web Design Media Queries[^] to better understand the mechanism.

这篇关于移动设备和平板电脑均为1列视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！