Html 我怎样才能使一个网页在桌面和手机上可读,而不必改变字体大小?

Html 我怎样才能使一个网页在桌面和手机上可读,而不必改变字体大小?,html,css,mobile,Html,Css,Mobile,我希望能够以一种既可用于桌面又可用于移动设备的方式格式化我的博客,而无需尝试检测移动浏览器。作为web标准的粉丝,我认为如果我只使用基本的HTML而不使用任何样式,它应该是可用的,但事实证明iPhone和Android浏览器都使用微小的文本进行渲染(显然是为了复制桌面浏览器上的布局) 我知道我可以使用媒体查询和其他十几种技术在移动浏览器上获得我想要的外观。我想知道是否有任何方法可以让手机浏览器以设备默认的字体大小显示某些内容,而不必使用字体大小:20pt;在样式表中。是否存在任何类型的“是的,这

我希望能够以一种既可用于桌面又可用于移动设备的方式格式化我的博客,而无需尝试检测移动浏览器。作为web标准的粉丝,我认为如果我只使用基本的HTML而不使用任何样式,它应该是可用的,但事实证明iPhone和Android浏览器都使用微小的文本进行渲染(显然是为了复制桌面浏览器上的布局)


我知道我可以使用媒体查询和其他十几种技术在移动浏览器上获得我想要的外观。我想知道是否有任何方法可以让手机浏览器以设备默认的字体大小显示某些内容,而不必使用字体大小:20pt;在样式表中。是否存在任何类型的“是的,这只是简单的HTML,所以不要试图假装你有一个桌面浏览器的宽度”

视口
为移动设备创造了奇迹。这将使视口与设备的大小相同,而不是试图使其变大并缩小:

<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

您可能会看到其他版本的
width=devicewidth
等。这将起作用,但它也将扩大您的网页时,它是在横向模式(我觉得不可取)。使用所有这些比例约束将确保视口的大小适合两个方向

创建了
视区
meta
的苹果公司已经成功了