我在photoshop中设计了一个模型。
我知道我1em与在photoshop中使用的12分相同。
当我研究了导航和页脚等字体大小时,会出现H1到H6。
有没有人知道所有3个设备(移动设备,桌面设备和平板电脑)的页眉和页脚的典型字体大小
答案 0 :(得分:0)
好的,所以h1是一个标题标签,看起来很大。
您在导航中不应使用这些内容。请注意,您应该在任何给定页面上只有一个<h1>
标记,因为这是Google确定并显示该网页内容的方式,您不希望混淆谷歌。
大多数导航都包含一个无序列表。由<ul>
和<li>
标记组成。
例如,你的导航在html中可能看起来像这样。
<ul class="navigation">
<li> home </li>
<li> about </li>
<li> blog </li>
<li> contact </li>
</ul>
您可以通过css控制字体大小,并仅定位导航中的li标签。
.navigation li{ font-size: 12px }
这就是它在开发端的工作方式。
在Photoshop中设计网站时。如果您使用的当前文档的分辨率设置为72,则Web中使用的像素值将与Photoshop中显示的像素值相同。(这是标准的Web分辨率)
使用em
很好。使用em
可以使文本适应可用空间。但是如果你不是那个将要编码网站的人,那么在Photoshop中使用em是没有意义的。您可以将这些决定留给开发人员,并与他协商您希望它在不同屏幕尺寸上显示的方式。
在尝试设计网站之前,请先学习基本的HTML和CSS。 从https://www.w3schools.com/html/开始,随时回答您的开发问题。
祝你好运。