html
关注
分享
扫一扫
分享实用的HTML开发干货
黄河爱浪
一个热爱分享又普通的web前端开发者,uView UI框架成员。
展开
-
移动端(H5)设置最大宽度兼容PC
为使手机页面在电脑浏览器中打开时依然保持居中显示的良好布局，所以需要一个良好的兼容结构。源码示例效果图：手机端 电脑端 源码示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpo...原创 2020-04-01 23:30:38 · 6976 阅读 · 0 评论 -
HTML：p，一个有陷阱的元素
<p>元素（或者说 HTML 段落元素）表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本，或以垂直的空白隔离或以首行缩进。另外，<p> 是块级元素。在HTML中<p>元素是表示段落，主要用于文章分段时使用，如果一定要用<p>标记在布局上，也没有错误，但必须要知道它的陷阱，不然会带来一些意想不到的布局问题。示例代码：&l...原创 2019-04-24 16:28:25 · 671 阅读 · 0 评论 -
HTML：label，表单的美容师
<label> 元素（标签）表示用户界面中某个元素的说明。将一个 <label> 和一个 <input> 元素放在一起会有以下几点好处：标签文本不仅与其相应的文本输入在视觉上相关联; 它也以编程方式与它相关联。 这意味着，当用户点击到表单输入时，屏幕阅读器可以读出标签，使在使用辅助技术的用户更容易理解应输入哪些数据 你可以单击关联的标签来聚焦或者激...原创 2019-04-24 17:24:59 · 369 阅读 · 0 评论 -
HTML：fieldset，元素分组
<fieldset> 标签可以将表单内的相关元素分组。<legend> 标签为 <fieldset> 元素定义标题。常规用法：<fieldset> <legend>个人简介</legend> <p>昵称：helang</p> <p>职业：web前端工...原创 2019-05-21 13:47:05 · 595 阅读 · 0 评论 -
h5 底部按钮兼容 iPhone X（解决底部横杠遮挡问题）
方法一：JS判断function isIphoneX(){ if(/iphone/gi.test(window.navigator.userAgent)){ /* iPhone X、iPhone XS */ var x=(window.screen.width === 375 && window.screen.height === 81...原创 2019-07-09 00:56:44 · 12056 阅读 · 0 评论