我有大约 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/