1、在已安装的电脑桌面新建一个Word文档（演示文稿以Office2007系列为主），然后打开新建的文档，输入文字。
2、点击Word文件左上方-->另存为（A）-->其他格式-->类型选择为“网页（html,htm）”-->输入文件名-->保存到桌面。
3、打开《Word超链接演示htm》文件，在对比《Word超链接演示doc》文件，相同的内容，不同的展示。
4、选中要链接的文字，鼠标右键，单击超链接。
5、按住Ctrl键，并单击超链接文字，就可以打开超链接网页百度首页了。
用以下代码开头：<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
使用百分比定义宽度，，
CSS代码可以适当使用：
@media only screen and (max-width:449px){
}
自动根据屏幕像素 调用不同的CSS代码。
手机响应式布局，是获取屏幕尺寸，在某个区间用一种css，另个区间用另一种css。需要用@media写多份css的。无法做到真正的随屏幕变化而变化。
而<meta name="viewport" content="width=device-width" />的用法是随着屏幕的大小，自动把页面自适应到屏幕的大小。这个是管用的。
em是字体的宽度，也就是一个字体宽12px，那么em=12px；字体为15px，em=15px；一般用来动态控制字体外的区块大小去适应字体，而不是用来设置字体的大小的。例如：
<!-- / 无论这里设置的字体多大，宽度只会容纳12个字 / -->
</p>
如果<meta name="viewport" content="width=device-width" />没效果，建议你用贴出来，看看你想要的具体效果是什么。
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
这个申明是移动设备用的，1:1显示设备屏幕大小，禁止缩放
二、在手机上不能固定宽度，要按百分比写页面宽度。才能自适应设备。主要是这两点，当然细节上面还有很多和PC端不一样的地方。我就不一一详述了，你按照上面亮点写你的页面，就能解决你说的问题。
万维网上的一个超媒体文档称之为一个页面（外语：page）。作为一个组织或者个人在万维网上放置开始点的页面称为主页（外语：Homepage）或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接），所谓超级链接，就是一种统一资源定位器（Uniform Resource Locator，外语缩写：URL）指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Site）。超级文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
机响应式布局，是获取屏幕尺寸，在某个区间用一种css，另个区间用另一种css。需要用@media写多份css的。无法做到真正的随屏幕变化而变化。而《meta name="viewport" content="width=device-width" /》的用法是随着屏幕的大小，自动把页面自适应到屏幕的大小。这个是管用的。
em是字体的宽度，也就是一个字体宽12px，那么em=12px；字体为15px，em=15px；一般用来动态控制字体外的区块大小去适应字体，而不是用来设置字体的大小的
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）