css - 响应式设计 - 精确的手机/平板手机/平板设备尺寸

标签 css media-queries

我正在使用 Bootstrap 和媒体查询创建响应式网站。然而,这是一个好的开始,当我将我的网站从桌面 View 缩小到移动设备时,有一些断点使网站看起来不太好。当我缩小浏览器窗口时不会出现这个问题,是否有任何特定的尺寸可以定位以便在所有设备上拥有响应式网站?如果有人知道,请尽可能详细。我想知道所有移动设备/平板手机/平板设备的确切尺寸,纵向和横向。

谢谢。

最佳答案

您可以通过浏览器模拟设备而不是缩小窗口。在 Chrome 上检查代码 (Ctrl+Shift+I),然后选择切换设备工具栏。这将允许您模拟具有大小的设置默认设备。 希望这对你来说是一个好的开始

关于css - 响应式设计 - 精确的手机/平板手机/平板设备尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38295763/

相关文章:

css - jQuery UI datepicker - 日期选择器弹出窗口的 css 类

css - 图标在 Divi Child Theme 中无法正确显示

javascript - 固定 html,body 时滚动到元素顶部

html - 我的媒体查询中的 CSS 代码被忽略

android - 如何让我的按钮在所有媒体设备上正确显示?

jquery - 如何将@media应用于通过jquery设置的css属性

javascript - 改变图像的延迟功能

html - hr 标签在彩色背景下显示 2 种颜色的线条

Css 媒体查询百分比宽度

css - 如何为桌面和移动设备制作对移动设备友好的 CSS