html5获取屏幕大小写，HTML5的标签不区分大小写

怎么制作html5网站页面让它适应电脑和手机的尺寸

了解什么是”自适应网页设计”自从2010年，Ethan Marcotte提出了 “自适应网页设计”(Responsive Web Design)这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。

打开HTML5网页代码。在网页头部加上新代码，让网页的宽度自适应设备的宽度。

utf-8meta name=viewport content=width=device-width， initial-scale=1 使用百分比定义宽度，CSS代码可以适当使用：media only screen and (max-width：449px){ } 自动根据屏幕像素 调用不同的CSS代码。

相关问答

Q1: html5里面怎样自动适应手机屏幕的高度

1、如果你想的是高度和屏幕高度一样，那就设置成100%；HTML5里面怎样自动适应手机屏幕的高度 通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。

2、通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

3、建议：如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档 解决方案3：看你之前是怎么做的，最好都调整成百分比的，这样最省事。

4、utf-8meta name=viewport content=width=device-width， initial-scale=1 使用百分比定义宽度，CSS代码可以适当使用：media only screen and (max-width：449px){ } 自动根据屏幕像素 调用不同的CSS代码。

Q2: html5中有没有规定字母标签是用大写还是小写?

1、HTML0以及之前的版本中，W3C标准是不区分标签大小写的。 但是在以后的HTML0版本中，W3C明确规定，标签必须用小写格式。 而新的XHTML规范里也必须是小写。所以应该是小写正规。

2、答案：对 解释：HTMl标签没有大小写之分，如p/p和P/P是一个意思。

3、不区分。格式只要符合标准即可，但为了便于维护，还是要养成良好的代码书写习惯。

4、标签名必须使用小写字母，如p/p；对于无需自闭合的标签，不允许自闭合，如 input、br、img、hr 等；对 HTML5 中规定闭合标签，不允许省略闭合标签。

5、最主要的不同：XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。

6、英文标题大小写规则如下：如果是在标题的开头，任何单词的第一个字母都需要大写；一般实词（名词、动词、代词、形容词、副词）大写，不定式中的虚词（介词、冠词、连词）和to小写。

Q3: 用html5做的登陆界面,使用键盘之后改变屏幕大小

1、这里以windows7系统为例，首先在电脑桌面的空白地方使用鼠标右击，然后在弹出来的操作界面中选择【屏幕分辨率】。接下来在此操作页面中点击【分辨率】右边的下拉箭头，然后选择你需要的分辨率大小。

2、scrollIntoView(alignWithTop)： 滚动浏览器窗口或容器元素，以便在当前视窗的可见范围看见当前元素。alignWithTop 若为 true，或者什么都不传，那么窗口滚动之后会让调用元素的顶部与视口顶部尽可能平齐。

3、在设置中找语言和键盘，选择需使用的输入法；在系统提示第三方输入法可能记录隐私信息时，点击确认；输入界面的输入法选择，在设置中选择需使用的项目，在编辑文本页面跳出后，点击输入法即可。

4、用JS调制屏幕大小。CSS 方面：去掉所有元素的外间距、内边距，html 和 body 宽高设为 100%，canvas 元素 display 设为 block。JS 方面：监听窗口的 resize 事件，在窗口大小改变的同时调整 canvas 的大小。

Q4: html怎么手机自适应屏幕大小

建议：如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档 解决方案3：看你之前是怎么做的，最好都调整成百分比的，这样最省事。

，输入position：fixed；top：0；left：0；将整个div固定在屏幕的顶部和左侧。

通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

关于html5获取屏幕大小写和HTML5的标签不区分大小写的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。