Css 从PC到手机的网站和内容大小问题

我有一个用于PC屏幕浏览器@media screen{}的web应用程序，我想让它对智能手机屏幕友好

不幸的是，我的12pt字体和128x128图片在分辨率为1280x800的三星谷歌Nexus智能手机中显得非常小

---

在为像我这样的智能手机添加CSS之前，我必须考虑创建一个适用于各种智能手机屏幕分辨率的web应用程序吗？

能否尝试在CSS中添加以下内容：

<meta name="viewport" content="width=device-width, user-scalable=false;">

发件人：

---

关于viewport的历史，我不确定….

有很多方法可以创建响应性网站-响应性网站、专为移动设计网站和移动优先网站。然而，现在，我们更多地考虑移动第一！因此，有许多网站教您如何创建响应性网站和移动优先方法，例如：

当建立一个快速响应的站点时，首先要考虑的是简单性。网页设计师喜欢炫耀他们能设计出一个完美的网站。他们爱上了自己的代码和它所能做的所有酷的事情

关于响应性设计的10个基本技巧

保持布局简单 使用媒体查询 定义断点 使你的布局灵活 让你的照片表现得有条理 不要忘记制造和制造 使大多数事物相对 移动线性化时 跳过不重要的内容 检查元视口 您可以查看有关的更多信息。这是一篇很好的文章，可以回答您的问题，即在创建响应性web应用程序之前必须考虑什么