1、pc端页面在移动端显示,默认视口宽度是980px(也就是body宽度是980px),可通过meta标签设置为需要的尺寸,比如页面中元素最大宽度是1220px,则如下所示 <meta name="viewport" content="width=1220"> 2、如果不想让页面 ...
本人在做前端开发相关工作时,遇到过也解决过很多技术性问题。今天起,就从PC端页面开发开始,理一理新手们可能会遇到的那些坑。 本文非教学文章,仅供有前端开发基础的同学同僚们一起讨论与总结,本人将从零开始持续更新,欢迎大家的批评指正。 高度塌陷问题: 父元素的高度会被子元素撑开,当子元素都设置了浮动时,由于子元素半脱离文档流,父元素失去子元素的高度,便会产生高度塌陷 hack :父元素overflow ...
2018-12-02 18:05 0 897 推荐指数:
1、pc端页面在移动端显示,默认视口宽度是980px(也就是body宽度是980px),可通过meta标签设置为需要的尺寸,比如页面中元素最大宽度是1220px,则如下所示 <meta name="viewport" content="width=1220"> 2、如果不想让页面 ...
pc移动端适配 1、pc端页面在移动端显示,默认视口宽度是980px(也就是body宽度是980px),可通过meta标签设置为需要的尺寸,比如页面中元素最大宽度是1220px,则如下所示 <meta name="viewport" content="width ...
很简单,只需要在html文件中对你引入的css进行一个类似于媒体查询的操作 <!DOCTYPE html> <html lang="en"> <head> ...
1、页面调试+抓包 2、操作简单 3、支持HTTPS。 4、spy-debugger内部集成了wei ...
每天保持睡不着又醒不来的状态,只有麻木的做人麻木的,麻木的呼吸忘记自己的存在 同时在移动端和pc端的兼容问题 当你浏览器宽度大于480px时,浏览器就会解析./css/home.css这个css文件; 当你历览器宽度小于479px时,浏览器会解析./css ...
移动端: ① 安卓浏览器看背景图片,有些设备会模糊,原因是手机的分辨率太小 解决方案: 用2X图片来代替img标签,然后background-size: contain ② 防止手机中页面放大或缩小: 在meta中设置viewport user-scalable = no ③ 上下拉滚动条 ...
1.如果图片加a标签在IE9-中会有边框 解决方案: img{border:none;} 2.rgba不支持IE8 解决方案:可以用 opacity eg: ...
1.如果图片加a标签在IE9-中会有边框 解决方案: 1 ...