html - CSS - 响应式/Android

标签 html css mobile

我正在构建一个移动网站。现在我需要捕捉每个 Android/iPhone 小工具并在每个移动设备上获得相同的 View 。我的工作:

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport' />
<meta name="viewport" content="width=device-width" />

稍后在 css 中:

media only screen and (max-width:480px) {
    body {
        width:480px;
    } 
    etc..
}

在每部 iPhone 和一些 Android 设备上,我都得到了不错的结果。

但在某些 Android 设备上,我有一个非常大的移动网站,

那么,我需要在移动网站上使用百分比吗?

最佳答案

我建议只使用百分比并使用最小宽度/最大宽度。

关于html - CSS - 响应式/Android,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23385417/

相关文章:

jquery - 根据浏览器宽度显示图像

html - 在其他登录链接旁边设置 Facebook 登录按钮的样式

javascript - 无法使用 Struts 验证表单

html - id :hover id in css ? 这可能吗?

android - Phonegap 互联网连接状态

javascript - HTML/JS 检测图像上的区域

html - Bootstrap 4 - 如何在移动设备上更改顺序?

javascript - 滚动条呈现在绝对定位元素上方,以便水平滚动元素下方的容器

c# - 按钮单击Xamarin Android项目仅工作一次

javascript - Phonegap BarcodeScanner.js 无法在 ios 上关闭