我想为不同的屏幕尺寸创建一个可重用的代码。我使用的是createContext应用程序接口,这样我就不会在不同的屏幕上重写代码。我得到了这个错误
null is not an object (evaluating '_useContext.width)
顺便说一句,我使用的是react原生中的useWindowDimensions()。这是代码。
theme.js
import React, {createContext, useState, useEffect} from 'react';
import {useWindowDimensions} from '
我有两个引导列,它们在大屏幕上相邻,在小屏幕上堆叠在一起。它是有意设置的,所以右边的列在较小屏幕上的左边列的顶部。
问题:当在大屏幕上滚动时,列在y轴上正确地附加,但左列和右列都跳出并改变宽度。
查看js小提琴,向下滚动,您将看到问题。
<div class="col-md-3 col-md-push-9" id="right">
Right in wide screens, top on small screens
</div>
<div class="col-md-9 col-md-pull-3" id
页面结构:
div#help
-- div
-- ul
-- li
-- li
-- div
-- ul
-- li
-- li
-- div.message_shower
-- p /*small `x` for close button*/
-- div.content
每当单击任何列表项<li>时,都会打开具有某些文本的div.message_shower。
(您可以忽略JS和HTML选项卡)
问题:--我想把div.message_shower放在屏幕的中间,无论是水平的还是垂直的。即使在使用百分比单位后,它也不起作用