响应式概念： 一个网页可以兼容多种设备，而不是每一种设备写一套网页 常规的网站，大部分是1200px，缩小会出现横向滚动条，布局，样式全都不会改变 响应式和自适应的区别？ 响应式：1套代码 典型例子：intel官网 自适应：多套代码，根据不同的设备加载不同的代码 示例网站：大部分的网站都有，因为现在 ...
分类：
其他好文 时间：
2019-07-18 19:33:49
阅读次数：
113
本博主在一次个人移动端项目中，遇到这么一个需求：希望自己的项目中，头部导航条的效果可以像今日头条那样，横向滚动! 对于这样的效果，在各大移动端项目中几乎是随处可见，为什么呢？ 我们都知道，对于移动端也就是手机上，我们页面的宽度并不像PC端那样大，可以显示很长的导航项，但对于我们移动端来说，由于功能的 ...
分类：
Web程序 时间：
2019-06-23 22:37:05
阅读次数：
411
Mask组件 比如实现圆形头像 参数：没有子物体能显示时，是否显示父物体本图 Mask组件配合Image组件使用 带有Mask组件的图，会显示子物体图片中，父物体图片Alpha通道不为0的部分 ScrollView组件 实际显示区域的UI对象 是否开启横向滚动 是否开启纵向滚动 滚动类型 无边界自由 ...
分类：
编程语言 时间：
2019-06-19 16:34:48
阅读次数：
175
HTML JavaScript 这里不能上传JavaScript代码，所以只能显示HTML的效果 测试效果 测试效果 ...
分类：
移动开发 时间：
2019-06-11 19:34:02
阅读次数：
361
完整代码： html部分： js部分： css部分： 说明： 因为要实现横向滚动，所以content部分的宽度要大于wrapper的宽度，所以要有固定宽度；最好是wrapper要有固定宽度，这样就能够实现想要的横向滚动效果了 ...
分类：
其他好文 时间：
2019-04-11 16:35:19
阅读次数：
174
制作滚动条除了scroll-view,还可以使用swiper，其中，默认为横向滚动，若要设置为纵向滚动则为vertical='{{ true }}' 以下为开发中的一个案例： wxml部分 <view class="elegant"> <swiper style="height:80rpx;" au ...
分类：
其他好文 时间：
2019-04-02 15:29:17
阅读次数：
156
1. float + 两层DOM实现 html css 1. display:inline block + 两层DOM 实现 css 1. white sapce:nowrap 减少一层DOM html css ...
分类：
其他好文 时间：
2019-03-25 23:37:09
阅读次数：
555
想实现上面这样分栏，并且溢出滚动的效果。可是自己下面的代码只能得到横向滚动条。觉得出现这个情况觉得还蛮有意思的，特地记录一下。 解决方法是给分栏的内容加个外框。在这个包裹分栏内容的外框中设置columns,给外外框的父级设置overflow. ...
分类：
Web程序 时间：
2019-03-24 23:34:26
阅读次数：
317
视口 视口是移动设备上用来显示网页的区域，一般会比移动设备可视区域大，宽度可能是980px或者1024px，目的是为了显示下整个为PC端设计的网页，这样带来的后果是移动端会出现横向滚动条，为了避免这种情况，移动端会将视口缩放到移动端窗口的大小。这样会让网页不容易观看，可以用 meta 标签，name ...
分类：
移动开发 时间：
2019-03-10 09:47:52
阅读次数：
677
发现底部出现横向滚动条， 所以，前面的代码可以插入这些属性 ...
分类：
其他好文 时间：
2019-03-06 18:01:56
阅读次数：
973
