gpt4 book ai didi

html - 响应式设备类型定位

转载 作者:太空宇宙 更新时间:2023-11-03 23:03:48 25 4
gpt4 key购买 nike

全部,

我正在尝试开发响应式网站,但出于某种原因,我用于 ipad/平板电脑的媒体查询也会影响 iphone/手机。我的尺寸有误吗?

定位所有三种设备类型的最佳方式是什么?

谢谢

/桌面/@media(最小宽度:1100px)

/iPad/@media 屏幕和(最大宽度:1115px)

/苹果手机/@media 屏幕和(最大宽度:767px)

最佳答案

这是响应式设计中的一个常见问题,有许多方法试图解决它。我自己发现 4 断点布局最适合大多数情况。

电话:默认
Phone-Landscape:最小宽度 480px;
平板电脑:最小宽度 768px
平板电脑横向:最小宽度 1024 像素
桌面:最小宽度 1260px

关于html - 响应式设备类型定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35444522/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com