台式机,平板电脑或智能手机中的不同布局行为

时间:2018-08-10 09:26:29

标签: html css layout responsiveness

我正在建立的网站有问题:

该设计可在任何设备上完美运行,尤其是在平板电脑和智能手机上。它也可以在Chrome开发者工具-设备模拟器中完美运行。

enter image description here

但是,当我将台式机的屏幕尺寸减小到平板电脑或智能手机的相似尺寸时,设计看起来就很破损。文本不符合z索引,在活动菜单上可见。

enter image description here

可能是什么问题?有人有同样的问题吗?

2 个答案:

答案 0 :(得分:0)

使用引导程序类进行多种布局 如果您使用class =“ col-sm-12”等的移动使用类,则为此类。

答案 1 :(得分:0)

如果您在桌面屏幕上调整页面大小后重新加载页面,设计是否仍被破坏?