html - 适用于所有不同设备的响应式网页设计

标签 html css twitter-bootstrap responsive-design frontend

我有大约 5 年的网络开发经验。但有时我有这个问题,我自己无法回答。现在有太多的设备有不同的屏幕解决方案,无论是横向还是纵向等等。

我仍然使用 Bootstrap 断点(1200px、1024px、768px,对于移动设备我使用 480px 最大宽度)但最近我的网站出现了一些问题,因为客户使用的示例是 huawai 或某些智能手机不如 iphone 受欢迎,并且该网站未针对此特定智能手机进行优化。

那么我怎样才能避免这样的事情呢?你有什么好的建议给我吗?

最佳答案

为具有多种设备要求的客户工作可能有点像噩梦......您将来可以做的是让您的客户为您提供您正在构建的应用程序和目标设备的规范(甚至是型号)。

我使用下面的页面作为引用来构建非常具体的媒体查询或您想要的通用媒体查询。

https://css-tricks.com/snippets/css/media-queries-for-standard-devices/#phone-queries

希望这对您有所帮助。

关于html - 适用于所有不同设备的响应式网页设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56578451/

相关文章:

javascript - 如何在重新加载时加载不同的 div(按重复顺序)

html - 使用 Tab 键在复选框上导航并使用空格键选择它们

html - 我在哪里可以学习仅使用 div 标签设计/编码可调整大小的 html 页面?

html - IE9 在使用页面 anchor 链接点击后打开新标签

javascript - jquery - 将附加元素链接到其父元素 :

javascript - 如何添加淡入淡出效果

jquery - 将 JQuery 文件上传合并到应用程序中

html - 正方形列中的中心图像

css - Bootstrap 不可能在山坳里放一口井?

html - 同一行中的两个 div 元素