Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导-为什么最小媒体查询768px?_Html_Css_Twitter Bootstrap 3_Media Queries_Device Width - Fatal编程技术网

Html 引导-为什么最小媒体查询768px?

Html 引导-为什么最小媒体查询768px?,html,css,twitter-bootstrap-3,media-queries,device-width,Html,Css,Twitter Bootstrap 3,Media Queries,Device Width,我的手机(LG G2)的视口大小为360px 598px。 Col xs瞄准的是小于768px的设备,这意味着无论用户处于纵向模式还是横向模式,他都将获得相同的结果,即使在横向模式下,由于其更大的宽度,我可以显示更多的元素。这就是为什么我想知道为什么引导中最小的媒体查询是768px,它没有考虑手机的纵向/横向视图 感谢您的澄清。尽管LG G2“可以”在景观中显示更多信息,但这并不是Responsive webdesign的意图 Bootstrap(和其他分别)确实选择了这些断点来创建广泛的屏幕大

我的手机(LG G2)的视口大小为360px 598px。 Col xs瞄准的是小于768px的设备,这意味着无论用户处于纵向模式还是横向模式,他都将获得相同的结果,即使在横向模式下,由于其更大的宽度,我可以显示更多的元素。这就是为什么我想知道为什么引导中最小的媒体查询是768px,它没有考虑手机的纵向/横向视图

感谢您的澄清。

尽管LG G2“可以”在景观中显示更多信息,但这并不是Responsive webdesign的意图

Bootstrap(和其他分别)确实选择了这些断点来创建广泛的屏幕大小/设备组。 他们决定使用iPad的纵向宽度(768px)作为典型手机和平板电脑之间的断点,这对于工作量来说非常有意义。响应式Web设计就是要创建这些设备组,不必为数千种设备类型编写数百个版本的代码,并且仍然能够为大多数设备创建优化的视图


当然,您仍然可以使用自定义版本,但创建的视口组越多,需要进行的调整和测试就越多(很快您就回到了useragent嗅探时间)

我认为最小值是480px:不,不是默认值,请查看“媒体查询”下的内容:那么自定义版本就适合您了。:)很抱歉,我仍然没有接受你的回答,但你说响应式网页设计并不是为了这样做。但大多数手机都允许以横向模式观看,这并不是本例中LG2所特有的。这就是为什么我认为它和iPad的断点一样有意义。现在,人们可能认为用户通常以纵向模式浏览网站,而不是横向模式,因此不值得再努力维护另一个断点。那个论点可能更有道理,但我想你不是这么想的。