摘要：先来看下机型的样子上图中，机型在头部和底部新增了这两个区域，所以我们需要针对这类机型做些适配，方便我们的的展示做成的移动端页面，常见布局为头部躯干底部三栏模式，头部和顶部都是固定定位，躯干可里的内容可以滚动，暂定的布局如下但如果没采用机型的 先来看下iPhone X机型的样子 showImg(https://segmentfault.com/img/bVbugGA?w=297&h=60...
摘要：效果预览按下右侧的点击预览按钮可以在当前页面预览，点击链接可以全屏预览。可交互视频教程此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 showImg(https://segmentfault.com/img/bVbcblP?w=500&h=500); 效果预览 按下右侧的点击预览按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comeh...
摘要：，例子与上面一样，但区别就是它会把整个单词看成一个整体，如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉的。代码结果如图所示这样就一目了然了。如果您觉得本文对您的学习有所帮助，请多支持与鼓励。 一般情况下，元素拥有默认的white-space:normal（自动换行，不换行是white-space:nowrap）,当录入的文字超过定义的宽度后会自动换行...
摘要：端和移动端共用一套代码允许网页宽度自动调整在网页代码的头部，加入一行元标签所有主流浏览器都支持这个设置，包括。 pc端和移动端共用一套代码 1. 允许网页宽度自动调整 在网页代码的头部，加入一行viewport元标签 所有主流浏览器都支持这个设置，包括IE9。对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueries.js 2. 不使用绝对宽度 由于网页...
