主标题：「做响应式网站应该注意什么问题」响应式网站怎么写

做响应式网站应该注意什么问题,响应式网站怎么写

内容导航：

「第一次」应该注意的问题都在这里了

如何制作一个高质量的H5响应式网站

公司准备建设响应式网站，需要注意什么问题

什么是响应式网页图片库设计的注意事项

一、「第一次」应该注意的问题都在这里了

图片: Dribbble | 设计: Beresnev | 责任编辑: 木头羊

原创文章，未经许可，请勿转载

商务合作敬请联系：business_6team@

公众号内回复关键词

查看更多相关文章

导言

目的当然不是显而易见的「虐狗」，只是六层楼认为有必要讲讲「第一次」的时候有哪些注意事项，只不过，首先，你要有个……

好了，还是正儿八经地写一下这个导言，讲实话，我从后台的数据来看，几乎没有一个人的第一次是顺利且欢愉的，总是有各种各样的问题，不过也跟样本选择有关，因为只有出现问题的人才会来找六层楼寻求帮助，真正很顺畅的人，也不会跑来跟六层楼留言说：很顺利，请放心，保证完成任务……等莫名其妙的话。

那么，今天六层楼就是把你们有可能会遇到的那些有可能会毁掉第一次的事情讲出来，当然，六层楼的侧重点不在于那个关键步骤，因为那显然不是我的专业范畴，重点在于前后的准备，以及过程中遇到的一些突发情况的紧急处理，怎么感觉越描越黑了……

环境篇

关于环境的问题，要放在第一个，是因为往往一些妇科问题的发生就是由于环境的选择不正确导致的。

情侣第一次双方经验为零，但是想着在这个刻骨铭心的日子，一定要找个一辈子都忘不了的地方，选择了主题宾馆，不是海贼王，就是Hello
Kitty，要么就是热带雨林，还有血色浪漫，还有总统套房……

总之，不管你选择在哪里，要保证有浴室，有热水，可以洗澡淋浴，有自己的毛巾和洗浴用品，之前写过一篇宾馆的毛巾能不能用的文章（
点击阅读），专门来讨论宾馆的卫生情况，虽然大多数宾馆是有严格的消毒清洗规范的，但是不排除有一些宾馆并没有按照相关要求实施，所以为了安全起见，至少要准备自己的毛巾和洗浴用品。

另外，可能会有人说现在哪里还有没有浴室的宾馆啊？老六只能说你图样图森破了，虽然不是实地走访，但是老六的确有收到读者说自己没有条件清洗的情况，所以希望老六的提醒不是多余的。

除了选择宾馆以外，有些人还会选择在家里、车里、试衣间、卫生间、帐篷、草地、沙滩、海里……其中有些例子我自己听着也是瞠目结舌，但是无论在哪里，都注意以下几点。

1.避免外界的异物接触到私密部位。
特别是在草地、沙滩以及海水里，而且第一次如果会伴有出血或者其他未知的情况发生，也要有条件及时处理，避免引起感染或意外伤害。

2.选择宽敞舒适的环境。
方便双方都可以在放松自然的情绪下进行，避免在狭小的空间引起身体其他部位的拉伤或者意外伤害。
（的确见过在车里把自己搞骨折的哥们儿……也真是拼！）

3.有一个良好的休息环境。
运动过后通常会比较劳累，大汗淋漓，冲洗之后可以选择休息调整，毕竟劳逸结合，才能可持续发展。

知识篇

男性那边比较简单，不多赘述，女性这边倒是应该讲一下，因为事到如今还有很多人认为女性的生殖系统是一套神秘的系统，甚至对此还有很多莫名其妙的想象和理解。

我说这个话是包含男性和女性都在内的，因为老六后台接收到的信息当中有很多读者并不能理解女性生殖系统的结构，就连最基本的外yin，都是一知半解。
当然，对于妇产科医生来讲，女性生殖系统永远都是神秘的，因为还有很多疾病的病因和治疗原理我们还不明确。

老六想要分享一张图片给各位，至少你们可以了解基本的构造，不要闹出尴尬的笑话，也不要等找不到正确的「打开方式」的时候才来找老六求助，说什么在线等，挺急的……

是，的确挺急的，所以赶快看看下面这张图。

基本结构如上，希望可以打破神秘，正确对待，正确使用。

避孕篇

每次都要提到这个问题，搞得我好像每天都不干别的，就是盯着你们的肚子似的。

跟你们讲过很多次目前常用的避孕方法，可还是有人把自己搞停经，后来发现除了我讲的那些方法外，还有很多民间谣言再混淆着视听，影响着你们的判断。

1.安全期是没有问题的？

错！往往是有问题的！虽然排卵期大概是可以判断出来，但是排卵的提前或延后可不像送快递的小伙子那样都会给你打电话通知的。
在你不知不觉的时候，它就排了出来，在你自以为没有可能怀孕的时候，轻松愉悦享受的时候，这种放松自然的状态下，简直太容易怀孕了。

2.不X进去是没有问题的？

（如果这段话有错别字，那一定是因为我翻着白眼儿写的）

这句话现在已经没有人相信了，对吧？因为这么多年的惨痛教训让科学家百思不得其解，然后就去研究前列腺液了，结果发现，原来前列腺液里也会有少量精子，虽然量少，但是有一个就足够让你惊慌失措了。

3.「闯红灯」是没有问题的？

你们问过床单的感受吗？
好好的洗干净的床单，想要做个安静的床单，结果你们浴血奋战，搞的到处都是……可问题是，这样就完全不会怀孕了吗？答案还是否定的，而且增加了感染的几率。

观念篇

这部分理论上来讲不是老六的范畴，但还是有必要来谈谈的，因为这篇文章定位于刚刚准备要经历第一次的少男少女们，所以树立正确的同房观念还是很有必要的。

要说的是有关处女膜的问题，不管双方是不是在意这一层膜，都最起码要有个正确的认识。
首先，它很薄弱，在之前的20余年里随时有可能因为运动，外伤，意外等情况导致破损，同时还有一定比例的女性，第一次同房时就算处女膜破损了，也有可能不出血。

本来这部分甚至不用谈的，但是看到有些姑娘因此背负巨大的心理负担，还是来说说我的看法：跟一个人在一起绝对不是因为一层膜或者一段过往的历史，是且仅是因为：那个人是你。

关于一些技巧的问题我只能说：所有的影视作品当中，绝大多数的技巧或者场景都只有很少一部分人是真实经历过的，并且是在有良好的配合默契以及保护措施的情况下发生的（包括：高难度动作、器具、异物、不安全的环境等……）所以，不要盲目模仿或崇拜，顺其自然就好。

处理篇

这一部分就是分享一下在同房过程中发生的紧急情况的处理原则。

男性

常见的是系带损伤、尿路感染、「枪」挫伤、「枪」折断、尿道异物等，这些都需要引起注意的。
除了软组织损伤以及炎症外，治疗也相对比较简单，还有一些结构损伤有可能会影响到今后的正常使用，一旦出现问题，需要做的就是尽快接受正规治疗。

女性

常见的是外阴裂伤、同房疼痛、急性炎症、不规则出血等，这些问题出现后建议停止同房，及时清洗，自己观察情况是否继续加重，如果持续加重则选择尽快就诊，接受正规治疗。

好了，今天就写到这里吧！

完

早安，我爱这个世界！

-更多服务-

二、如何制作一个高质量的H5响应式网站

全屏式的页面非常不适合响应式布局：

公众号:jkypxsl

由于缺乏经验,当初选择用全屏滚动的响应式布局写博客,实践中发现由于ipad以及手机端的横屏竖屏模式的存在,而全屏模式又使每一帧成为一屏幕,这样对宽度与高度有着严格的比例要求,在如今手机款式五花八门的形态下,这种一帧要把所有内容全部展示出来的,可能只适合信息量比较少的页面吧….

4.响应式css方面注意的问题：

在@media screen and (max-width||min-width)样式区分截点的格式必须严格遵守,任何一个空格问题都会造成显示错误.
将越小的设备css存越下面,不然会给你带来麻烦.并且响应式页面最小字体为12px.
将谷歌浏览器的控制台放置在页面右边显示,这样大大提高响应式布局css的书写效率.
rem单位最好的换算比例为625%,62.5%的换算会有误差,特别是在pc端.
在高度范围下有时候用px去写死是不错的选择

网页部分：

对于5张网页展示图左右切换,由于上次bilibili经验,老牛第一时间就想到了用insertAfter函数去控制图的定位是最好的选择,事先把对应div容器用css样式写好,那么在左右切换图层的时候只要把对于的第一张图或是最后一张图的节点位置进行调整,配合上transition属性,这样无论是在代码量以及性能上都是最好的选择之一,唯一不足的就是兼容问题.这部分的重点在于焦点容器(最中间的)点击是进行连接,左右两张图点击则是移动,老牛思前想后,最后决定事先将所有的连接地址用数组存起来,由于目标层节点的index一直在改变,所以在初始化的时候就预先给每个容器加上其对应的class名+index值(这样在之后无论节点如何变化,这个初始的class名中保留下的index值能与对应的链接挂钩,不过现在让我做的话可能我会选择用data去保存),接下来全局用一个index值来控制焦点位子,每次移动把焦点位子加上用正则匹配class得来的链接地址,而其他的则去掉链接地址.

6.特效部分3d旋转轮播：

如果光光为了实现一个3d旋转不算什么难事,但是由于手机端的存在,3d旋转在pc端竖直切割,而手机端将会横向切割,并且所有的宽长度参数由于响应式的介入将都成为不确定因素,几乎所有的值都是未知数,所以这部分的计算算是烧了我不少的脑细胞
由于内容太多,这里我就不多说了,重点代码部分如下,有兴趣的可以与我交流探讨~值得注意的是,由于所有长宽不能写死都需要计算而得,js在运算过程中小数点的误差让我吃尽苦头…不过要是现在我可能会选择用flex盒模型属性去做!

三、公司准备建设响应式网站，需要注意什么问题

答：不论是不是响应式网站都要确保网站可被搜索引擎收录，搜索引擎大家应该很熟悉了，想要被搜索引擎收录也不是一件轻而易举的事情，搜素引擎需要足够了解你的网站，中企动力总结，检查你的网站以下四点是否符合收录需求：1、在网站制作时就要注意代码是否友好，2、网站优化时要注意TDK是否明确健康，3、网站制作完成后要测试是够否支持移动端，4、网站的内链建设是否混乱。

四、什么是响应式网页图片库设计的注意事项

响应式设计无疑是当前企业网页设计领域当中，不可忽略的必要组成部分，而响应式网页中的图片显示又是老生常谈的问题，许多争论集中在响应式网站的图片应当怎么展示，那么以下内容为你提供参考：
1、轮播幻灯片：尽量隐藏导航
2、避免使用大量肖像类图片
3、在移动端上支持手势操作
4、在移动端上禁用lightbox效果
5、让导航元素低调不招摇
6、不要让图片和视频混淆
7、确保图片显示尺寸不要超过原始图片的最大宽度
8、图片缩放
9、避免使用图片标题