具有高分辨率和小屏幕的移动设备的响应式设计-Java 学习之路

大家好我在使用@media only屏幕和（max-width：320px）（320不是唯一一个使用）在CSS中为移动设备分配不同的样式 . 但是当我在手机上检查同一个网站时，我觉得很麻烦 . 在我的桌面PC响应预览中在Firefox中预览时，它看起来像这样：

enter image description here

但是，当我在手机上查看它时，它看起来像这样：

enter image description here

据我所知，手机的分辨率高于320（适用于两个预览屏幕） . 我如何达到我想要的结果？（图1）

另一个问题是，使用vw和vh单元手机是否安全？

1 回答

再次，回答我自己的问题;

<meta name="HandheldFriendly" content="true">
  <meta name="viewport" content="width=device-width, initial-scale=0.666667, maximum-scale=0.666667, user-scalable=0">
  <meta name="viewport" content="width=device-width">

这解决了这个问题 .

回复于 2024-04-28T19:01:51+08:00

具有高分辨率和小屏幕的移动设备的响应式设计

1 回答

相关问题