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

标签 html css layout responsiveness

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

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

enter image description here

但是,当我将台式机的屏幕尺寸缩小到与平板电脑或智能手机相似的尺寸时,设计看起来很糟糕。文本不符合 z-index,它在事件菜单上可见。

enter image description here

可能是什么问题?有没有人遇到同样的问题?

最佳答案

使用引导类进行多重布局 如果您使用移动设备,请使用类 class="col-sm-12"等。

关于html - 台式机和平板电脑或智能手机中的不同布局行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51783273/

相关文章:

wpf - 如何保持WPF元素在背景图像上的相对位置

android - android :text of EditText while the android:text is left undefined?的默认值是多少

html - 如何在 html5 中显示 SVG 圆圈内的图像?

javascript - Bootbox 模式无法正确格式化 HTML

javascript - 使用 jQuery 删除添加到文本区域的最后一个值

html - IE 11 不显示 3D 变换

javascript - 用 Js 重置值 ionRangeSlider

javascript - jQuery 附加双引号无法正常工作

javascript - 两个全屏视频背景并排在一个窗口中

Android Preferences自定义布局编辑