From mboxrd@z Thu Jan 1 00:00:00 1970 Path: news.gmane.org!.POSTED.blaine.gmane.org!not-for-mail From: Stefan Monnier Newsgroups: gmane.emacs.devel Subject: Re: html manual +css Date: Thu, 26 Dec 2019 09:45:27 -0500 Message-ID: References: <05A866DB-4211-476E-9107-14E5F9BE9232@gmail.com> <53DA475D-B063-470A-BB87-D3FFC9A7CF79@gmail.com> <834lvyct3t.fsf@gnu.org> <01B655FC-51F0-4A33-ADBF-3E1268E9E0EA@gmail.com> <3D282E00-27F3-451A-9895-5BCEEE0B7FA8@gmail.com> <227383E4-BF11-4655-AFDD-CBE25D426A85@traduction-libre.org> Mime-Version: 1.0 Content-Type: text/plain Injection-Info: blaine.gmane.org; posting-host="blaine.gmane.org:195.159.176.226"; logging-data="10202"; mail-complaints-to="usenet@blaine.gmane.org" User-Agent: Gnus/5.13 (Gnus v5.13) Emacs/27.0.50 (gnu/linux) Cc: emacs-devel To: Jean-Christophe Helary Original-X-From: emacs-devel-bounces+ged-emacs-devel=m.gmane.org@gnu.org Thu Dec 26 15:45:41 2019 Return-path: Envelope-to: ged-emacs-devel@m.gmane.org Original-Received: from lists.gnu.org ([209.51.188.17]) by blaine.gmane.org with esmtps (TLS1.2:ECDHE_RSA_AES_256_GCM_SHA384:256) (Exim 4.89) (envelope-from ) id 1ikUOT-0002Td-DB for ged-emacs-devel@m.gmane.org; Thu, 26 Dec 2019 15:45:41 +0100 Original-Received: from localhost ([::1]:54060 helo=lists1p.gnu.org) by lists.gnu.org with esmtp (Exim 4.90_1) (envelope-from ) id 1ikUOS-0003Nb-6F for ged-emacs-devel@m.gmane.org; Thu, 26 Dec 2019 09:45:40 -0500 Original-Received: from eggs.gnu.org ([2001:470:142:3::10]:38286) by lists.gnu.org with esmtp (Exim 4.90_1) (envelope-from ) id 1ikUOL-0003NT-PM for emacs-devel@gnu.org; Thu, 26 Dec 2019 09:45:34 -0500 Original-Received: from Debian-exim by eggs.gnu.org with spam-scanned (Exim 4.71) (envelope-from ) id 1ikUOK-00040q-4M for emacs-devel@gnu.org; Thu, 26 Dec 2019 09:45:33 -0500 Original-Received: from mailscanner.iro.umontreal.ca ([132.204.25.50]:62202) by eggs.gnu.org with esmtps (TLS1.0:DHE_RSA_AES_256_CBC_SHA1:32) (Exim 4.71) (envelope-from ) id 1ikUOJ-0003zO-Tj for emacs-devel@gnu.org; Thu, 26 Dec 2019 09:45:32 -0500 Original-Received: from pmg3.iro.umontreal.ca (localhost [127.0.0.1]) by pmg3.iro.umontreal.ca (Proxmox) with ESMTP id C5CE044D5D3; Thu, 26 Dec 2019 09:45:30 -0500 (EST) Original-Received: from mail01.iro.umontreal.ca (unknown [172.31.2.1]) by pmg3.iro.umontreal.ca (Proxmox) with ESMTP id 60BC544D5C5; Thu, 26 Dec 2019 09:45:29 -0500 (EST) DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/simple; d=iro.umontreal.ca; s=mail; t=1577371529; bh=d3Hc5W2jERuL+3ZyHAPr68IpOihYB9HbBgBBYOfpUGM=; h=From:To:Cc:Subject:References:Date:In-Reply-To:From; b=SoBAutVBX9LInx53i8L+vQLG+u+FhRHaoIDZY8GjWSAGhuo4Tx1Z+7NxEf9UJJ6vl GjxSOjyAVVVMeMpunrNgLFN1XfpI17ss+FEjHRx6HOeugiRG1WrFevvX4YZSDQtEvC u10EoQBFx88nzjDByMP5EAKS1JTvuUSqFdlHRJruwCtXSANsO604wsmrRFto1ZAqjI F9oyJfNkQVOB9D5osWCo0X2m96PMhrpjaLvjH+gnMkRGJNxakggpR+EMUCHw+4X4By qkc/hdwa0jk2o2LQ9SeQv0nL6MZ2Xhqu+xo3W0rCzolbX4a1JAH2OUqlU92W3knvtp qAIHISe1LSMVw== Original-Received: from pastel (69-165-143-56.dsl.teksavvy.com [69.165.143.56]) by mail01.iro.umontreal.ca (Postfix) with ESMTPSA id DC8CC1212C5; Thu, 26 Dec 2019 09:45:28 -0500 (EST) In-Reply-To: <227383E4-BF11-4655-AFDD-CBE25D426A85@traduction-libre.org> (Jean-Christophe Helary's message of "Thu, 26 Dec 2019 23:09:14 +0900") X-detected-operating-system: by eggs.gnu.org: GNU/Linux 2.2.x-3.x [generic] [fuzzy] X-Received-From: 132.204.25.50 X-BeenThere: emacs-devel@gnu.org X-Mailman-Version: 2.1.23 Precedence: list List-Id: "Emacs development discussions." List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Errors-To: emacs-devel-bounces+ged-emacs-devel=m.gmane.org@gnu.org Original-Sender: "Emacs-devel" Xref: news.gmane.org gmane.emacs.devel:243647 Archived-At: > 1) to have mobile browsers recognize media queries related to the display > size it is necessary to add a tag to the that contains > a reference to the "viewport" of the display: > > https://www.reddit.com/r/css/comments/eft71n/iphone_safari_does_not_respond_to_maxwidth_media/ I wonder why the HTML needs this and what it really means. [ E.g. the name "device-width" makes it sound like it intends to reflect the physical size of the screen, whereas people watch their phone screen from a much shorter distance than their desktop screen, so we should pay attention to the "apparent size" rather than the physical size. ] > 3) then I put all that online and now the sample that I presented yesterday > works perfectly well on a small mobile device, as you wanted. Portrait mode now looks great, indeed, thanks. In landscape mode, tho, the browser is wide enough that the top-header fits on a single line and hence "sticks around" when you scroll, thus eating up a lot of screen real estate (especially since phones nowadays have an appalling aspect ratio, very far from the beloved 4:3). Stefan