Twitter bootstrap 响应性设计(使用Twitter Bootrstap)会因浏览器宽度的改变而改变,但不会因iphone4s而改变

Twitter bootstrap 响应性设计(使用Twitter Bootrstap)会因浏览器宽度的改变而改变,但不会因iphone4s而改变,twitter-bootstrap,responsive-design,media-queries,Twitter Bootstrap,Responsive Design,Media Queries,我在这里设计了一个响应迅速的网站: 我已经使用Twitter引导进行响应性设计。其中一个响应断点位于641px(请参阅),当我更改笔记本电脑上的浏览器宽度时,该断点非常有效 然而,当我使用iPhone4S访问该网站时,响应性设计并没有改变。我还将断点设置为480px,没有运气。我遗漏了什么?您需要一个viewport meta标记来通知移动浏览器网站与移动设备兼容,否则移动设备会尝试显示900像素,css会感觉设备是900px 在你脑子里试试这个 <meta content="width=

我在这里设计了一个响应迅速的网站:

我已经使用Twitter引导进行响应性设计。其中一个响应断点位于641px(请参阅),当我更改笔记本电脑上的浏览器宽度时,该断点非常有效


然而,当我使用iPhone4S访问该网站时,响应性设计并没有改变。我还将断点设置为480px,没有运气。我遗漏了什么?

您需要一个viewport meta标记来通知移动浏览器网站与移动设备兼容,否则移动设备会尝试显示900像素,css会感觉设备是900px

在你脑子里试试这个

<meta content="width=device-width, initial-scale=1.0" name="viewport">

您需要一个viewport meta标记来通知移动浏览器网站与移动设备兼容,否则移动设备会尝试显示900像素,css会感觉设备是900px

在你脑子里试试这个

<meta content="width=device-width, initial-scale=1.0" name="viewport">


900px不是一个准确的数字:D只是一个给你一个想法的数字A900px不是一个准确的数字:D只是一个给你一个想法的数字