Css 如何使网站响应功能手机（屏幕非常小）

我正在为非洲的功能手机开发一个网络应用程序（非智能手机，其屏幕大小通常为

128x160 px

（1.80”））

我需要学习如何使网站响应，或者显示的屏幕大小如此小。我知道常规的

CSS

查询对于功能手机不太好，所以还有什么建议

这：

---

是我在这个主题上读到的东西，但是对于我来说，理解我在<代码> CSS < /C>文件中所做的更改是含糊不清的（现在使用<代码> Bootstrap ）将非常感谢您的帮助！

< P>您可以尝试类似基础的东西，您可以使用预先制作的表和具有预定义CSS属性的部分：

或者您可以使用百分比，

width:15%

。这样它将获得设备的指定百分比，并根据该百分比计算正确的大小

同样，正如您列出的网站所说的（谷歌），它会根据您的设备创建不同的css文件。因此，当您使用

设置css文件时，您可以使其使某些设备使用某些文件： （摘自谷歌）：

---

要使网站具有响应性，我们必须使用CSS3@media查询。为不同的屏幕大小编写

@media

查询。但是@media查询不支持旧版本浏览器。在您的情况下（非智能手机）@media不起作用。我建议为手机创建一个子域，如用户打开，使用javascript重定向到手机版本站点

一些关于@media的有用文章

---

添加@媒体属性。

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" />

@media only screen 
  and (min-device-width: 128px) 
  and (max-device-width: 160px) 
 {

/* Put your CSS Code for small screen */
}