Bootstrap-為什么最低媒體查詢為768px？
[英]Bootstrap - why minimum media query 768px?
問題描述
我的手機（LG G2）的視口大小為360px 598px。 Col-xs瞄准小於768像素的設備，因此，即使用戶在縱向或橫向模式下，即使在橫向模式下由於其較大的寬度我可以顯示更多元素，他也將獲得相同的結果。 這就是為什么我想知道為什么最小的媒體查詢是引導程序中的768px，而沒有考慮電話的縱向/橫向視圖。
謝謝您的澄清。
1 個解決方案
解決方案1
0 2014-03-05 14:01:22
盡管LG G2可以“橫向”顯示更多信息，但這並不是目標性網頁設計所要的。
Bootstrap（和其他人）確實選擇了這些斷點來創建廣泛的屏幕尺寸/設備組。 他們決定使用iPad的縱向寬度（768px）作為典型手機和平板電腦之間的斷點，這對於要做的工作量是完全有意義的。 響應式網頁設計僅涉及創建這些設備組，而不必為大量設備類型編寫數百種版本，並且仍然能夠為大多數設備創建優化視圖。
當然，您仍然可以使用自定義版本，但是您創建的視口組越多，就需要進行更多的調整和測試（盡快回到用戶代理監聽時間）
為什么@media only screen and (min-width: 768px) 也適用於屏幕寬度小於768px
[英]why @media only screen and (min-width: 768px) also apply for screen width less than 768px
為什么@media被覆蓋，即使我的最大高度是768px而不是1280px？
[英]Why is @media overridden even though my max-height is 768px and not 1280px?
當show hide bootstrap 3 offcanvas在媒體寬度> 768px時的CSS3動畫
[英]CSS3 animations when show hide bootstrap 3 offcanvas in media width > 768px
使用CSS覆蓋Bootstrap @media（最小寬度：768px）
[英]Overriding Bootstrap @media (min-width: 768px) using CSS not working
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
Bootstrap 768px媒體查詢不起作用
768px以下的媒體查詢無法正常工作
屏幕小於768像素的媒體查詢問題
媒體查詢不適用於768像素ipad肖像
為什么@media only screen and (min-width: 768px) 也適用於屏幕寬度小於768px
Bootstrap Navbar折疊點<768px
為什么@media被覆蓋，即使我的最大高度是768px而不是1280px？
當show hide bootstrap 3 offcanvas在媒體寬度> 768px時的CSS3動畫
使用CSS覆蓋Bootstrap @media（最小寬度：768px）
@media 屏幕和 (max-width:768px) 不起作用
相關標簽